Created at 08/09/2025 11:27
  11

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 WhiteWhite as Heaven
#121212 #121212 RGB(18, 18, 18)Reason BlackDark 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