Ethereum color palette
FinanceEthereum's color identity is built around a deep, neutral gray, reflecting its focus on technology, security, and decentralization. The palette is minimalist, with subtle accent hues and a strong emphasis on grayscale tones for clarity and professionalism.
ethereum.orgEthereum colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Ethereum GrayPrimary60, 60, 61
- Ethereum SilverSecondary140, 140, 140
- Ethereum BlueAccent98, 126, 234
Surfaces
Page, cards and dividers.- Ethereum WhiteBackground255, 255, 255
- Ethereum Light GraySurface242, 242, 242
- Ethereum Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Ethereum BlackText33, 33, 33
- Ethereum Medium GraySecondary text106, 106, 106
- Ethereum Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- Ethereum TealSuccess41, 182, 175
- Ethereum GoldWarning246, 195, 67
- Ethereum RedError235, 87, 87
- Ethereum BlueInfo98, 126, 234
Use Ethereum's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ethereum-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #627EEA;
--error: #EB5757;
--accent: #627EEA;
--border: #E0E0E0;
--primary: #3C3C3D;
--success: #29B6AF;
--surface: #F2F2F2;
--warning: #F6C343;
--secondary: #8C8C8C;
--text-muted: #A0A0A0;
--background: #FFFFFF;
--text-primary: #212121;
--text-secondary: #6A6A6A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.1:1
Pass
Text on surface
Needs 4.5:1 for body text
14.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.8:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Ethereum gray and neutral colors
The quiet part of the Ethereum palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Ethereum WhiteBackground
- HEX
- RGB
- HSL
- Ethereum Light GraySurface
- HEX
- RGB
- HSL
- Ethereum Border GrayBorder
- HEX
- RGB
- HSL
- Ethereum BlackText
- HEX
- RGB
- HSL
- Ethereum Medium GraySecondary text
- HEX
- RGB
- HSL
- Ethereum Muted GrayMuted text
- HEX
- RGB
- HSL
About Ethereum's colors
Ethereum's palette is grounded in neutral grays and accented by a distinctive blue, supporting a sense of trust and technical sophistication. The restrained use of color emphasizes clarity and accessibility across digital interfaces.
Primary gray anchors the visual identity and is complemented by silver and light gray for depth.
Accent blue is used sparingly for highlights and interactive elements.
Semantic colors (teal, gold, red) provide clear feedback for user actions.
Psychology
The dominant gray tones convey neutrality, stability, and professionalism, while the blue accent suggests innovation and reliability. The overall effect is a trustworthy, modern aesthetic suitable for a leading blockchain platform.
Evolution
Ethereum's color palette has remained largely consistent since its inception, with minor adjustments to accent and semantic colors for improved accessibility. The focus on grayscale and minimalism has been a defining characteristic throughout its evolution.
Where Ethereum uses each color
- Primary
Ethereum Gray is used for the logo, primary navigation, and key UI elements.
- Secondary
Ethereum Silver appears in secondary navigation, backgrounds, and subtle dividers.
- Accent
Ethereum Blue highlights links, buttons, and important call-to-action elements.
- Backgrounds
Ethereum White and Light Gray are used for page backgrounds and content surfaces.
- Text
Ethereum Black and Medium Gray are used for primary and secondary text, respectively, while Muted Gray is for less prominent information.
- Semantic
Teal, Gold, and Red are used for success, warning, and error states in notifications and forms.
Ethereum color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Ethereum primary color is #3C3C3D. This deep gray is used for the logo and main branding elements.
Ethereum Gray (#3C3C3D) in RGB is (60, 60, 61). In CMYK, it is approximately (2%, 2%, 0%, 76%).
Ethereum uses a range of grays: Ethereum Silver (#8C8C8C), Light Gray (#F2F2F2), Border Gray (#E0E0E0), and Muted Gray (#A0A0A0). These provide structure and hierarchy across the UI.
Use Ethereum Gray (#3C3C3D) for primary branding, with accent blue (#627EEA) for highlights and semantic colors for feedback. Grayscale tones support backgrounds, surfaces, and text to maintain clarity and accessibility.
The secondary color is Ethereum Silver, #8C8C8C, and the accent is Ethereum Blue, #627EEA. 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 Ethereum's colors consistently when it generates UI.
Make something in the spirit of Ethereum
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.