Anthropic color palette
TechAnthropic's color system is defined by a deep, neutral black as its primary, supported by a minimalist grayscale palette and subtle accent tones. The brand identity emphasizes clarity, trust, and a focus on ethical AI through restrained, modern color choices.
anthropic.comAnthropic colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Anthropic BlackPrimary25, 25, 25
- Anthropic Light GraySecondary245, 245, 245
- Anthropic YellowAccent255, 214, 0
Surfaces
Page, cards and dividers.- Anthropic WhiteBackground255, 255, 255
- Anthropic Surface GraySurface240, 240, 240
- Anthropic Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Anthropic BlackText25, 25, 25
- Anthropic Medium GraySecondary text102, 102, 102
- Anthropic Muted GrayMuted text163, 163, 163
Semantic
Feedback and state colors.- Anthropic Success GreenSuccess75, 181, 67
- Anthropic YellowWarning255, 214, 0
- Anthropic Error RedError229, 57, 53
- Anthropic Info BlueInfo25, 118, 210
Use Anthropic's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
anthropic-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #E53935;
--accent: #FFD600;
--border: #E0E0E0;
--primary: #191919;
--success: #4BB543;
--surface: #F0F0F0;
--warning: #FFD600;
--secondary: #F5F5F5;
--text-muted: #A3A3A3;
--background: #FFFFFF;
--text-primary: #191919;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.6:1
Pass
Text on surface
Needs 4.5:1 for body text
15.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7: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.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Anthropic gray and neutral colors
The quiet part of the Anthropic palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Anthropic WhiteBackground
- HEX
- RGB
- HSL
- Anthropic Surface GraySurface
- HEX
- RGB
- HSL
- Anthropic Border GrayBorder
- HEX
- RGB
- HSL
- Anthropic BlackText
- HEX
- RGB
- HSL
- Anthropic Medium GraySecondary text
- HEX
- RGB
- HSL
- Anthropic Muted GrayMuted text
- HEX
- RGB
- HSL
About Anthropic's colors
Anthropic's palette is built around a deep black, creating a strong visual anchor, with supporting neutrals and a single yellow accent for highlights. The restrained use of color emphasizes clarity and seriousness.
Primary black contrasts with white backgrounds for maximum readability.
Yellow accent draws attention to important actions or highlights.
Grayscale tones create depth and hierarchy in UI elements.
Psychology
The dominant black conveys authority, trust, and professionalism, while the yellow accent adds a sense of optimism and focus. The overall neutral palette supports a calm, ethical, and thoughtful brand presence.
Evolution
Anthropic's color palette has remained stable since its launch, with minor refinements to grayscale values for improved accessibility. The brand has consistently prioritized minimalism and clarity in its color usage.
Where Anthropic uses each color
- Primary
Anthropic Black (#191919) is used for navigation bars, logotypes, and key interface elements.
- Secondary
Anthropic Light Gray (#F5F5F5) appears in backgrounds and secondary UI surfaces.
- Accent
Anthropic Yellow (#FFD600) is reserved for call-to-action buttons and highlights.
- Backgrounds
Anthropic White (#FFFFFF) is the default background for web and app screens.
- Text
Anthropic Black and Medium Gray are used for primary and secondary text, ensuring high contrast and readability.
- Semantic
Success, warning, error, and info colors are used for status indicators and alerts in product interfaces.
Anthropic color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Anthropic primary color hex code is #191919. This deep black is central to the brand's identity.
Anthropic Black (#191919) is RGB(25, 25, 25) and approximately CMYK(0, 0, 0, 90). Use these values for accurate reproduction in digital and print.
Anthropic uses a range of grays including #F5F5F5 (Light Gray), #F0F0F0 (Surface Gray), #E0E0E0 (Border Gray), #666666 (Medium Gray), and #A3A3A3 (Muted Gray). These ensure a clean, accessible interface.
Use Anthropic Black (#191919) for primary elements, white and light grays for backgrounds, and yellow (#FFD600) sparingly for accents. Maintain high contrast and avoid introducing unapproved colors.
The secondary color is Anthropic Light Gray, #F5F5F5, and the accent is Anthropic Yellow, #FFD600. 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 Anthropic's colors consistently when it generates UI.
Make something in the spirit of Anthropic
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.