fintech Color System
Coinbase's website is a clean, trustworthy crypto platform that communicates financial reliability t...
Coinbase's website is a clean, trustworthy crypto platform that communicates fin...
Coinbase uses #0052ff as the primary accent for interactive elements
Carefully selected 8 colors for fintech applications
Clean, minimalist approach with purposeful color usage
#0052ff
Primary brand, links, CTA borders
#ffffff
Primary light surface
#0a0b0d
Text, dark section backgrounds
#eef0f3
Secondary button background
#578bfa
Button hover background
#0667d0
Secondary link color
#5b616e
Border color at 20% opacity
#282b31
Dark button/card backgrounds
/* Coinbase Color System */
:root {
--coinbase-coinbase-blue: #0052ff;
--coinbase-pure-white: #ffffff;
--coinbase-near-black: #0a0b0d;
--coinbase-cool-gray-surface: #eef0f3;
--coinbase-hover-blue: #578bfa;
--coinbase-link-blue: #0667d0;
--coinbase-muted-blue: #5b616e;
--coinbase-dark-card: #282b31;
}
/* Example usage */
.coinbase-button-primary {
background-color: var(--coinbase-coinbase-blue);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}