Generate Palette
  1. Color Palettes
  2. Design Token Management Suite

Design Token Management Suite

  • Token Dark Grey
    #2c2c2c
  • Variable Sky
    #a0c4ff
  • Spacing Lavender
    #cdb4db
  • Border Line Slate
    #7d8597
  • Typography White
    #fbfbfb
  • Hover Area Yellow
    #ffdd57
  6
Created at 07/11/2025 09:35
bycolorday
The palette consists of Dark, Light colors. Accent colors Variable Sky #a0c4ff and Hover Area Yellow #ffdd57. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #2C2C2C (darkest) to #FBFBFB (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 2 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 (2 of 6).

HEX codes (sorted): #2C2C2C, #7D8597, #A0C4FF, #CDB4DB, #FBFBFB, #FFDD57

Palette Design Token Management Suite combines 6 color codes:
HEX: #2c2c2c, RGB: (44, 44, 44); HEX: #a0c4ff, RGB: (160, 196, 255); HEX: #cdb4db, RGB: (205, 180, 219)
HEX: #7d8597, RGB: (125, 133, 151); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #ffdd57, RGB: (255, 221, 87)
Simplified version of palette colors
Tint of Black, Shade of Light Steel Blue, Shade of Thistle, Shade of Light Slate Gray, Shade of White, Tint of Gold
Color scheme was created by colorday

Color codes in palette

Design Token Management Suite color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2c2c2c #2c2c2c RGB(44, 44, 44)Token Dark Grey—
#a0c4ff #a0c4ff RGB(160, 196, 255)Variable Sky—
#cdb4db #cdb4db RGB(205, 180, 219)Spacing Lavender—
#7d8597 #7d8597 RGB(125, 133, 151)Border Line Slate—
#fbfbfb #fbfbfb RGB(251, 251, 251)Typography WhiteWhiteout
#ffdd57 #ffdd57 RGB(255, 221, 87)Hover Area Yellow—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#a0c4ff
#cdb4db
1.06
#a0c4ff
#fbfbfb
1.71
#a0c4ff
#ffdd57
1.32
#cdb4db
#7d8597
1.96
#cdb4db
#fbfbfb
1.82
#cdb4db
#ffdd57
1.41

Image palette Design Token Management Suite png

Design Token Management Suite color palette: Token Dark Grey, Variable Sky, Spacing Lavender, Border Line Slate
 Download image