Kraken color palette
FinanceKraken's color identity centers around a distinctive deep purple, paired with cool grays and vibrant accent blues, reflecting its focus on security and innovation in cryptocurrency finance. The palette is minimal, modern, and consistent across digital and print applications.
kraken.comKraken colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Kraken PurplePrimary88, 65, 216
- Kraken Deep NavySecondary46, 43, 61
- Kraken CyanAccent0, 166, 201
Surfaces
Page, cards and dividers.- Kraken Light GrayBackground246, 247, 248
- Kraken WhiteSurface255, 255, 255
- Kraken Border GrayBorder226, 229, 234
Text
Three tiers of copy.- Kraken BlackText34, 33, 42
- Kraken SlateSecondary text107, 111, 128
- Kraken Muted GrayMuted text161, 164, 179
Semantic
Feedback and state colors.- Kraken GreenSuccess62, 187, 138
- Kraken OrangeWarning245, 166, 35
- Kraken RedError229, 75, 75
- Kraken BlueInfo0, 144, 255
Use Kraken's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
kraken-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0090FF;
--error: #E54B4B;
--accent: #00A6C9;
--border: #E2E5EA;
--primary: #5841D8;
--success: #3EBB8A;
--surface: #FFFFFF;
--warning: #F5A623;
--secondary: #2E2B3D;
--text-muted: #A1A4B3;
--background: #F6F7F8;
--text-primary: #22212A;
--text-secondary: #6B6F80;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.8:1
Pass
Text on surface
Needs 4.5:1 for body text
15.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.0:1
Pass
Muted text on background
Needs 3:1 for large text
2.3:1
Fail
Muted text on surface
Needs 3:1 for large text
2.5:1
Fail
Kraken background, border and text colors
The quiet part of the Kraken palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Kraken Light GrayBackground
- HEX
- RGB
- HSL
- Kraken WhiteSurface
- HEX
- RGB
- HSL
- Kraken Border GrayBorder
- HEX
- RGB
- HSL
- Kraken BlackText
- HEX
- RGB
- HSL
- Kraken SlateSecondary text
- HEX
- RGB
- HSL
- Kraken Muted GrayMuted text
- HEX
- RGB
- HSL
About Kraken's colors
Kraken's palette uses a bold purple as its anchor, contrasted with cool neutrals and sharp accent blues for clarity and trust. The color system is designed for high accessibility and digital clarity.
Primary purple paired with deep navy for brand recognition.
Accent cyan and blue used for highlights and interactive elements.
Neutral grays provide balance and support readability.
Psychology
Purple conveys trust, creativity, and a sense of security, which aligns with Kraken's mission in the crypto space. The cool tones reinforce a modern, professional, and tech-forward image.
Evolution
Kraken's palette has remained stable, with the signature purple consistently at the forefront. Minor adjustments to accent and neutral tones have improved accessibility and digital performance.
Where Kraken uses each color
- Primary
Kraken Purple is used in the logo, primary buttons, and key navigation elements.
- Secondary
Kraken Deep Navy appears in headers, footers, and backgrounds for contrast.
- Accent
Kraken Cyan highlights links, icons, and important interactive states.
- Backgrounds
Kraken Light Gray and White are used for app and website backgrounds.
- Text
Kraken Black is used for primary text, with Slate and Muted Gray for secondary and disabled text.
- Semantic
Green, Orange, Red, and Blue are used for success, warning, error, and informational messaging respectively.
Kraken color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Kraken brand color is Kraken Purple, hex code #5841D8.
Kraken Purple (#5841D8) is RGB(88, 65, 216) and CMYK(59, 70, 0, 15).
Kraken uses several neutrals: Light Gray (#F6F7F8), Border Gray (#E2E5EA), Slate (#6B6F80), and Muted Gray (#A1A4B3) for backgrounds, borders, and text.
Use Kraken Purple (#5841D8) for primary branding and CTAs, with deep navy and neutrals for backgrounds and surfaces. Accent and semantic colors are reserved for highlights, status, and interactive elements.
The secondary color is Kraken Deep Navy, #2E2B3D, and the accent is Kraken Cyan, #00A6C9. Together with the primary they make up the three brand colors at the top of this page.
4 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Kraken's colors consistently when it generates UI.
Make something in the spirit of Kraken
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.