Created at 08/02/2025 13:35
  36

Minimal Accessibility-First UI Theme

  • Focus Yellow
    #ffeb3b
  • Legible Grey
    #6d6d6d
  • Contrast White
    #ffffff
  • Dark Focus Black
    #121212
  • Subtext Slate
    #9fa8da
  • Cursor Sky
    #b2ebf2
The palette consists of Light, Dark colors. Accent colors Focus Yellow #ffeb3b and Cursor Sky #b2ebf2. Palette has Warm, Neutral, Cool colors temperature.

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

Saturation is mixed — some muted swatches and some vivid accents.

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): #121212, #6D6D6D, #9FA8DA, #B2EBF2, #FFEB3B, #FFFFFF

Palette Minimal Accessibility-First UI Theme has combination of 6 codes colors:
HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #6d6d6d, RGB: (109, 109, 109); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #121212, RGB: (18, 18, 18); HEX: #9fa8da, RGB: (159, 168, 218); HEX: #b2ebf2, RGB: (178, 235, 242)
Simplified version of palette colors
Tint of Yellow, Shade of dimgrey, White, Shade of Black, Tint of lightsteelblue, Shade of powderblue
Color scheme was created by coolor

Colors codes in palette

Minimal Accessibility-First UI Theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffeb3b #ffeb3b RGB(255, 235, 59)Focus Yellow
#6d6d6d #6d6d6d RGB(109, 109, 109)Legible Grey
#ffffff #ffffff RGB(255, 255, 255)Contrast WhiteWhite
#121212 #121212 RGB(18, 18, 18)Dark Focus BlackDark Tone Ink
#9fa8da #9fa8da RGB(159, 168, 218)Subtext Slate
#b2ebf2 #b2ebf2 RGB(178, 235, 242)Cursor Sky

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffeb3b
#ffffff
1.22
#ffeb3b
#9fa8da
1.89
#ffeb3b
#b2ebf2
1.07
#ffffff
#b2ebf2
1.3
#9fa8da
#b2ebf2
1.76

Image palette Minimal Accessibility-First UI Theme png