fintech Color System
Kraken's website is a clean, trustworthy crypto exchange that uses purple as its commanding brand co...
Kraken's website is a clean, trustworthy crypto exchange that uses purple as its...
Kraken uses #7132f5 as the primary accent for interactive elements
Carefully selected 8 colors for fintech applications
Clean, minimalist approach with purposeful color usage
#7132f5
Primary CTA, brand accent, links
#5741d8
Button borders, outlined variants
#5b1ecf
Deepest purple
rgba(133,91,251,0.16)
Purple at 16% — subtle button backgrounds
#101114
Primary text
#686b82
Primary neutral, borders at 24% opacity
#9497a9
Secondary text, muted elements
#ffffff
Primary surface
/* Kraken Color System */
:root {
--kraken-kraken-purple: #7132f5;
--kraken-purple-dark: #5741d8;
--kraken-purple-deep: #5b1ecf;
--kraken-purple-subtle: rgba(133,91,251,0.16);
--kraken-near-black: #101114;
--kraken-cool-gray: #686b82;
--kraken-silver-blue: #9497a9;
--kraken-white: #ffffff;
}
/* Example usage */
.kraken-button-primary {
background-color: var(--kraken-kraken-purple);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}