Bitcoin color palette
FinanceBitcoin's color identity is defined by its distinctive orange, paired with deep grays and white for contrast. The palette is minimal and instantly recognizable in the cryptocurrency space.
bitcoin.orgBitcoin colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Bitcoin OrangePrimary247, 147, 26
- Bitcoin CharcoalSecondary77, 77, 77
- Bitcoin WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Bitcoin Light GrayBackground248, 248, 247
- Bitcoin White SurfaceSurface255, 255, 255
- Bitcoin Border GrayBorder209, 209, 209
Text
Three tiers of copy.- Bitcoin BlackText34, 34, 34
- Bitcoin CharcoalSecondary text77, 77, 77
- Bitcoin Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- Bitcoin GreenSuccess39, 174, 96
- Bitcoin YellowWarning242, 201, 76
- Bitcoin RedError235, 87, 87
- Bitcoin BlueInfo45, 156, 219
Use Bitcoin's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bitcoin-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2D9CDB;
--error: #EB5757;
--accent: #FFFFFF;
--border: #D1D1D1;
--primary: #F7931A;
--success: #27AE60;
--surface: #FFFFFF;
--warning: #F2C94C;
--secondary: #4D4D4D;
--text-muted: #888888;
--background: #F8F8F7;
--text-primary: #222222;
--text-secondary: #4D4D4D;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.0: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
8.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.5:1
Pass
Muted text on background
Needs 3:1 for large text
3.3:1
Pass
Muted text on surface
Needs 3:1 for large text
3.5:1
Pass
Bitcoin gray and neutral colors
The quiet part of the Bitcoin palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Bitcoin Light GrayBackground
- HEX
- RGB
- HSL
- Bitcoin White SurfaceSurface
- HEX
- RGB
- HSL
- Bitcoin Border GrayBorder
- HEX
- RGB
- HSL
- Bitcoin BlackText
- HEX
- RGB
- HSL
- Bitcoin CharcoalSecondary text
- HEX
- RGB
- HSL
- Bitcoin Muted GrayMuted text
- HEX
- RGB
- HSL
About Bitcoin's colors
Bitcoin's palette centers on a bold orange, symbolizing innovation and visibility, balanced by neutral grays and white for clarity. The scheme is functional and direct, supporting both brand recognition and usability.
Orange contrasts with deep gray for legibility.
White provides clean negative space.
Accent colors are reserved for semantic feedback.
Psychology
The orange conveys energy, approachability, and a sense of revolution in finance. Neutral grays and white reinforce trust and professionalism.
Evolution
Bitcoin's color palette has remained stable since its inception, with orange always as the core identity. Minor adjustments have been made to gray tones for modern UI clarity.
Where Bitcoin uses each color
- Primary
Bitcoin Orange is used for the logo, primary buttons, and key highlights.
- Secondary
Bitcoin Charcoal appears in navigation bars, footers, and secondary text.
- Accent
Bitcoin White is used for backgrounds and logo contrast.
- Backgrounds
Bitcoin Light Gray serves as the main app and website background.
- Text
Bitcoin Black is the default for primary text, with Charcoal and Muted Gray for secondary and less prominent text.
- Semantic
Green, yellow, red, and blue are used for status indicators, alerts, and notifications.
Bitcoin color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Bitcoin primary color hex code is #F7931A. This vibrant orange is used for the logo and key brand elements.
Bitcoin Orange (#F7931A) in RGB is (247, 147, 26). In CMYK, it is approximately (0, 40, 89, 3).
Bitcoin uses a range of grays including Bitcoin Charcoal (#4D4D4D), Bitcoin Border Gray (#D1D1D1), and Bitcoin Light Gray (#F8F8F7). These provide structure and contrast in the UI.
The palette should prioritize Bitcoin Orange for highlights and branding, with grays and white for backgrounds and text. Semantic colors are reserved for status and feedback elements.
The secondary color is Bitcoin Charcoal, #4D4D4D, and the accent is Bitcoin White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
6 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 Bitcoin's colors consistently when it generates UI.
Make something in the spirit of Bitcoin
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.