Claude brand colors
Technology · 15 colors · Updated October 2026
Color codes
Black
Phoenix Red
White
Emptiness
Emptiness
White Glove
Quill Grey
Gateway Grey
Petrified
Volcanic Rock
Subterrain Kingdom
Lead
Matt Black
Raven
Calabrese
About the Claude palette
Claude's official website embeds its Claude Design System colour tokens: black (#000000), clay brand accent (#D97757), white and light surfaces (#FFFFFF, #FCFCFB, #F9F9F7, #F0EFEC), neutral greys (#C3C2B7, #A5A49A, #898781, #6D6B67, #52514E, #20201F), dark neutrals (#151515, #0B0B0B), and red (#F4ABAB).
Brand names, logos and colors belong to their owners. PickXColor is not affiliated with Claude.
- Category
- Artificial Intelligence
Color data from brandcolor.dev
Similar palettes
More from Technology
Frequently asked questions
What are the Claude brand colors?
Claude uses 15 brand colors: Black (#000000), Phoenix Red (#D97757), White (#FFFFFF), Emptiness (#FCFCFB), Emptiness (#F9F9F7), White Glove (#F0EFEC), Quill Grey (#C3C2B7), Gateway Grey (#A5A49A), Petrified (#898781), Volcanic Rock (#6D6B67), Subterrain Kingdom (#52514E), Lead (#20201F), Matt Black (#151515), Raven (#0B0B0B) and Calabrese (#F4ABAB).
What is the main Claude color?
The lead color of the Claude palette is Black: HEX #000000, RGB 0, 0, 0.
How do I use the Claude colors in CSS or Tailwind?
Choose Export to copy the palette as CSS custom properties, a Tailwind theme with shades, SCSS, Swift, Jetpack Compose or JSON design tokens. Open in editor adds every color to the PickXColor board, where you can check contrast and build shades.
Where do these color codes come from?
The codes come from Claude's published brand guidelines, collected by brandcolor.dev. The link to the guidelines is on this page.