Generate Palette
  1. Colors palettes
  2. UI Accessibility Compliance Set
Created at 06/20/2025 07:37
byraccoon
  1

UI Accessibility Compliance Set

  • Contrast Blue
    #005fcc
  • Readable White
    #fafafa
  • Focus Yellow
    #ffe66d
  • Alt Text Black
    #101010
  • Hint Gray
    #d8d8d8
  • Status Red
    #ff3b30
The palette consists of Semi dark, Light, Dark colors. Accent colors Contrast Blue #005fcc and Focus Yellow #ffe66d. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #101010 (darkest) to #FAFAFA (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 warm.

HEX codes (sorted): #005FCC, #101010, #D8D8D8, #FAFAFA, #FF3B30, #FFE66D

Palette UI Accessibility Compliance Set has combination of 6 codes colors:
HEX: #005fcc, RGB: (0, 95, 204); HEX: #fafafa, RGB: (250, 250, 250); HEX: #ffe66d, RGB: (255, 230, 109)
HEX: #101010, RGB: (16, 16, 16); HEX: #d8d8d8, RGB: (216, 216, 216); HEX: #ff3b30, RGB: (255, 59, 48)
Simplified version of palette colors
Tint of royalblue, Shade of whitesmoke, Shade of Khaki, Shade of Black, Shade of lightgrey, Tint of tomato
Color scheme was created by raccoon

Colors codes in palette

UI Accessibility Compliance Set color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#005fcc #005fcc RGB(0, 95, 204)Contrast Blue—
#fafafa #fafafa RGB(250, 250, 250)Readable WhiteDr. White
#ffe66d #ffe66d RGB(255, 230, 109)Focus Yellow—
#101010 #101010 RGB(16, 16, 16)Alt Text Black—
#d8d8d8 #d8d8d8 RGB(216, 216, 216)Hint Gray—
#ff3b30 #ff3b30 RGB(255, 59, 48)Status Red—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#005fcc
#ff3b30
1.68
#fafafa
#ffe66d
1.19
#fafafa
#d8d8d8
1.36
#ffe66d
#d8d8d8
1.13

Image palette UI Accessibility Compliance Set png

UI Accessibility Compliance Set - #552476
 Download image