Coinbase color palette
FinanceCoinbase uses a bold blue-centric palette with clean neutrals, reflecting trust, clarity, and modernity in the finance and crypto space. The brand's identity is anchored by its distinctive Coinbase Blue and a range of cool grays for digital interfaces.
coinbase.comCoinbase colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Coinbase BluePrimary0, 82, 255
- Deep NavySecondary9, 30, 66
- Aqua AccentAccent0, 194, 255
Surfaces
Page, cards and dividers.- Coinbase WhiteBackground255, 255, 255
- Cloud SurfaceSurface244, 248, 251
- Light BorderBorder230, 232, 235
Text
Three tiers of copy.- Charcoal TextText10, 11, 13
- Slate TextSecondary text88, 96, 105
- Muted GrayMuted text138, 148, 166
Semantic
Feedback and state colors.- Success GreenSuccess52, 199, 89
- Warning GoldWarning255, 184, 0
- Error RedError255, 77, 79
- Info BlueInfo0, 82, 255
Use Coinbase's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
coinbase-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0052FF;
--error: #FF4D4F;
--accent: #00C2FF;
--border: #E6E8EB;
--primary: #0052FF;
--success: #34C759;
--surface: #F4F8FB;
--warning: #FFB800;
--secondary: #091E42;
--text-muted: #8A94A6;
--background: #FFFFFF;
--text-primary: #0A0B0D;
--text-secondary: #586069;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
19.7:1
Pass
Text on surface
Needs 4.5:1 for body text
18.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.0:1
Pass
Muted text on background
Needs 3:1 for large text
3.1:1
Pass
Muted text on surface
Needs 3:1 for large text
2.9:1
Fail
Coinbase background, border and text colors
The quiet part of the Coinbase palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Coinbase WhiteBackground
- HEX
- RGB
- HSL
- Cloud SurfaceSurface
- HEX
- RGB
- HSL
- Light BorderBorder
- HEX
- RGB
- HSL
- Charcoal TextText
- HEX
- RGB
- HSL
- Slate TextSecondary text
- HEX
- RGB
- HSL
- Muted GrayMuted text
- HEX
- RGB
- HSL
About Coinbase's colors
Coinbase's palette is built around a vibrant blue, symbolizing trust and security, paired with clean whites and cool grays for clarity. Accent colors provide visual cues for actions and statuses in the UI.
Primary blue is complemented by deep navy for depth.
Aqua accent provides contrast for interactive elements.
Neutral grays balance the vivid blue and enhance readability.
Psychology
Blue conveys reliability and safety, essential for a financial platform. The cool, minimal palette supports a sense of professionalism and approachability.
Evolution
Coinbase's color palette has remained consistent since its early years, with minor refinements to gray tones and accent colors for accessibility. The core blue identity has been stable and central to the brand.
Where Coinbase uses each color
- Primary
Used for main navigation bars, primary buttons, and key highlights across the website and app.
- Secondary
Applied to headers, footers, and backgrounds for depth and contrast.
- Accent
Highlights interactive elements such as links, icons, and call-to-action buttons.
- Backgrounds
Coinbase White and Cloud Surface are used for page backgrounds and card surfaces.
- Text
Charcoal Text is the default for body copy, with Slate and Muted Gray for secondary and disabled text.
- Semantic
Success Green, Warning Gold, and Error Red are used for notifications, status indicators, and form feedback.
Coinbase color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Coinbase primary color is #0052FF, known as Coinbase Blue. This is used for main branding and primary actions.
Coinbase Blue (#0052FF) in RGB is (0, 82, 255). For CMYK, it is approximately (100, 68, 0, 0).
Coinbase uses several grays, including Cloud Surface (#F4F8FB), Light Border (#E6E8EB), Slate Text (#586069), and Muted Gray (#8A94A6). These are used for backgrounds, borders, and secondary text.
Use Coinbase Blue (#0052FF) for primary actions and branding, with neutrals for backgrounds and text. Accent and semantic colors are reserved for interactive elements and status indicators.
The secondary color is Deep Navy, #091E42, and the accent is Aqua Accent, #00C2FF. Together with the primary they make up the three brand colors at the top of this page.
5 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 Coinbase's colors consistently when it generates UI.
Make something in the spirit of Coinbase
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.