Generate Palette
  1. Color Palettes
  2. Accessibility-Optimized Contrast Kit

Accessibility-Optimized Contrast Kit

  • Contrast Black
    #111111
  • Action Yellow
    #ffd60a
  • Surface White
    #ffffff
  • Focus Indigo
    #6366f1
  • Label Gray
    #a1a1aa
  • Tap Mint
    #bbf7d0
  6
Created at 06/12/2025 08:40
bycoolor
The palette consists of Dark, Light colors. Accent colors Action Yellow #ffd60a and Focus Indigo #6366f1. Palette has Neutral, Warm, Cool colors temperature.

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

Saturation is mixed — 3 muted and 3 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): #111111, #6366F1, #A1A1AA, #BBF7D0, #FFD60A, #FFFFFF

Palette Accessibility-Optimized Contrast Kit combines 6 color codes:
HEX: #111111, RGB: (17, 17, 17); HEX: #ffd60a, RGB: (255, 214, 10); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #6366f1, RGB: (99, 102, 241); HEX: #a1a1aa, RGB: (161, 161, 170); HEX: #bbf7d0, RGB: (187, 247, 208)
Simplified version of palette colors
Tint of Black, Tint of Gold, White, Shade of Medium Slate Blue, Shade of Dark Gray, Tint of Aquamarine
Color scheme was created by coolor

Color codes in palette

Accessibility-Optimized Contrast Kit color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#111111#111111RGB(17, 17, 17)Contrast BlackDreamless Sleep
#ffd60a#ffd60aRGB(255, 214, 10)Action Yellow—
#ffffff#ffffffRGB(255, 255, 255)Surface WhiteWhite
#6366f1#6366f1RGB(99, 102, 241)Focus Indigo—
#a1a1aa#a1a1aaRGB(161, 161, 170)Label Gray—
#bbf7d0#bbf7d0RGB(187, 247, 208)Tap Mint—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ffd60a
#ffffff
1.41
#ffd60a
#a1a1aa
1.81
#ffd60a
#bbf7d0
1.16
#ffffff
#bbf7d0
1.21
#6366f1
#a1a1aa
1.74

Image palette Accessibility-Optimized Contrast Kit png

Accessibility-Optimized Contrast Kit color palette: Contrast Black, Action Yellow, Surface White, Focus Indigo, Label Gray
 Download image