Generate Palette
  1. Color Palettes
  2. Design System Access Layer

Design System Access Layer

  • Override Mint
    #d0f4de
  • Token Slate
    #475569
  • Elevation Linen
    #fff7ed
  • Typography Graphite
    #292524
  • Accessibility Indigo
    #6366f1
  • System Border
    #e2e8f0
  1
Created at 07/07/2025 17:01
bycolorday
The palette consists of Light, Semi dark, Dark colors. Accent colors Elevation Linen #fff7ed and Accessibility Indigo #6366f1. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #292524 (darkest) to #FFF7ED (lightest). The lightness range is wide.

Saturation is mixed — 2 muted and 3 vivid out of 6 colors.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #292524, #475569, #6366F1, #D0F4DE, #E2E8F0, #FFF7ED

Palette Design System Access Layer combines 6 color codes:
HEX: #d0f4de, RGB: (208, 244, 222); HEX: #475569, RGB: (71, 85, 105); HEX: #fff7ed, RGB: (255, 247, 237)
HEX: #292524, RGB: (41, 37, 36); HEX: #6366f1, RGB: (99, 102, 241); HEX: #e2e8f0, RGB: (226, 232, 240)
Simplified version of palette colors
Shade of Honeydew, Tint of Dark Slate Blue, Shade of Floral White, Tint of Black, Shade of Medium Slate Blue, Shade of Alice Blue
Color scheme was created by colorday

Color codes in palette

Design System Access Layer color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#d0f4de#d0f4deRGB(208, 244, 222)Override Mint—
#475569#475569RGB(71, 85, 105)Token Slate—
#fff7ed#fff7edRGB(255, 247, 237)Elevation LinenFatback
#292524#292524RGB(41, 37, 36)Typography Graphite—
#6366f1#6366f1RGB(99, 102, 241)Accessibility Indigo—
#e2e8f0#e2e8f0RGB(226, 232, 240)System Border—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#d0f4de
#fff7ed
1.11
#d0f4de
#e2e8f0
1.03
#475569
#6366f1
1.69
#fff7ed
#e2e8f0
1.16

Image palette Design System Access Layer png

Design System Access Layer color palette: Override Mint, Token Slate, Elevation Linen, Typography Graphite
 Download image