Created at 08/09/2025 11:27
Anthropic Claude Constitutional UI Kit
- Ethics Teal#00a896
- Policy Purple#9d4edd
- Safety Yellow#ffd60a
- Consensus White#fefefe
- Reason Black#121212
- Dialogue Pink#f497b6
The palette consists of Light, Dark colors. Accent colors Ethics Teal #00a896 and Safety Yellow #ffd60a. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #121212 (darkest) to #FEFEFE (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #00A896, #121212, #9D4EDD, #F497B6, #FEFEFE, #FFD60A
Palette Anthropic Claude Constitutional UI Kit has combination of 6 codes colors:
HEX: #00a896, RGB: (0, 168, 150); HEX: #9d4edd, RGB: (157, 78, 221); HEX: #ffd60a, RGB: (255, 214, 10)
HEX: #fefefe, RGB: (254, 254, 254); HEX: #121212, RGB: (18, 18, 18); HEX: #f497b6, RGB: (244, 151, 182)
Simplified version of palette colors
Tint of lightseagreen, Shade of darkorchid, Shade of gold, Tint of White, Shade of Black, Tint of lightpink
Color scheme was created by colorday
Colors codes in palette
Anthropic Claude Constitutional UI Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #00a896 | #00a896 | RGB(0, 168, 150) | Ethics Teal | — |
| #9d4edd | #9d4edd | RGB(157, 78, 221) | Policy Purple | — |
| #ffd60a | #ffd60a | RGB(255, 214, 10) | Safety Yellow | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Consensus White | White as Heaven |
| #121212 | #121212 | RGB(18, 18, 18) | Reason Black | Dark Tone Ink |
| #f497b6 | #f497b6 | RGB(244, 151, 182) | Dialogue Pink | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#00a896 | #9d4edd | 1.54 |
#00a896 | #f497b6 | 1.41 |
#ffd60a | #fefefe | 1.39 |
#ffd60a | #f497b6 | 1.49 |
Image palette Anthropic Claude Constitutional UI Kit png
Export Palette
Download the "Anthropic Claude Constitutional UI Kit" in multiple formats for seamless integration into your design projects.
Available formats:
