Generate Palette
  1. Color Palettes
  2. Darkmode Figma Tokens Panel

Darkmode Figma Tokens Panel

  • Token Cyan
    #00e5e0
  • BG Surface
    #1e1e2f
  • Layer Charcoal
    #2d2d2d
  • Typography White
    #f9f9f9
  • Interaction Purple
    #b497bd
  1
Created at 07/08/2025 20:13
bybad_colors
The palette consists of Light, Dark colors. Accent colors Token Cyan #00e5e0 and Typography White #f9f9f9. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #1E1E2F (darkest) to #F9F9F9 (lightest). The lightness range is wide.

Overall saturation feels mostly muted (lower chroma) — 80% of colors are muted.

The hues stay in one region of the color wheel, spanning about 107°.

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

HEX codes (sorted): #00E5E0, #1E1E2F, #2D2D2D, #B497BD, #F9F9F9

Palette Darkmode Figma Tokens Panel combines 5 color codes:
HEX: #00e5e0, RGB: (0, 229, 224); HEX: #1e1e2f, RGB: (30, 30, 47); HEX: #2d2d2d, RGB: (45, 45, 45)
HEX: #f9f9f9, RGB: (249, 249, 249); HEX: #b497bd, RGB: (180, 151, 189)
Simplified version of palette colors
Shade of Turquoise, Tint of Black, Tint of Black, Tint of White Smoke, Shade of Plum
Color scheme was created by bad_colors

Color codes in palette

Darkmode Figma Tokens Panel color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#00e5e0#00e5e0RGB(0, 229, 224)Token Cyan—
#1e1e2f#1e1e2fRGB(30, 30, 47)BG Surface—
#2d2d2d#2d2d2dRGB(45, 45, 45)Layer Charcoal—
#f9f9f9#f9f9f9RGB(249, 249, 249)Typography WhiteDoctor
#b497bd#b497bdRGB(180, 151, 189)Interaction Purple—

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#00e5e0
#f9f9f9
1.5
#00e5e0
#b497bd
1.63
#1e1e2f
#2d2d2d
1.18

Image palette Darkmode Figma Tokens Panel png

Darkmode Figma Tokens Panel color palette: Token Cyan, BG Surface, Layer Charcoal, Typography White, Interaction Purple
 Download image