Generate Palette
  1. Colors palettes
  2. Accessible Lightflow Design System
Created at 07/28/2025 11:01
byhex
  6

Accessible Lightflow Design System

  • Keyframe Ivory
    #fffceb
  • Label Graphite
    #2e2e2e
  • Semantic Teal
    #1fc2a2
  • Highlighter Yellow
    #fee440
  • Accessible Sky
    #cce6ff
  • Note Pink
    #f7d2e3
The palette consists of Light, Dark colors. Accent colors Keyframe Ivory #fffceb and Accessible Sky #cce6ff. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #2E2E2E (darkest) to #FFFCEB (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).

Overall temperature among swatches leans cool.

HEX codes (sorted): #1FC2A2, #2E2E2E, #CCE6FF, #F7D2E3, #FEE440, #FFFCEB

Palette Accessible Lightflow Design System has combination of 6 codes colors:
HEX: #fffceb, RGB: (255, 252, 235); HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #1fc2a2, RGB: (31, 194, 162)
HEX: #fee440, RGB: (254, 228, 64); HEX: #cce6ff, RGB: (204, 230, 255); HEX: #f7d2e3, RGB: (247, 210, 227)
Simplified version of palette colors
Tint of ivory, Shade of Black, Tint of mediumaquamarine, Shade of gold, Shade of lightsteelblue, Shade of thistle
Color scheme was created by hex

Colors codes in palette

Accessible Lightflow Design System color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fffceb #fffceb RGB(255, 252, 235)Keyframe Ivory—
#2e2e2e #2e2e2e RGB(46, 46, 46)Label GraphiteCarbon Fiber
#1fc2a2 #1fc2a2 RGB(31, 194, 162)Semantic Teal—
#fee440 #fee440 RGB(254, 228, 64)Highlighter Yellow—
#cce6ff #cce6ff RGB(204, 230, 255)Accessible Sky—
#f7d2e3 #f7d2e3 RGB(247, 210, 227)Note Pink—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fffceb
#fee440
1.24
#fffceb
#cce6ff
1.24
#fffceb
#f7d2e3
1.33
#1fc2a2
#fee440
1.76
#1fc2a2
#cce6ff
1.75
#1fc2a2
#f7d2e3
1.64

Image palette Accessible Lightflow Design System png

Accessible Lightflow Design System - #556899
 Download image