Generate Palette
  1. Color Palettes
  2. Cross-Platform Accessibility Toolkit

Cross-Platform Accessibility Toolkit

  • Focus Border Blue
    #0066ff
  • Highlight White
    #ffffff
  • Error Alert Red
    #d7263d
  • Neutral Grey
    #bdbdbd
  • UI Yellow
    #ffde59
  • Icon Black
    #111111
  6

Cross-Platform Accessibility Toolkit has 6 colors spread across many hues. The lightest color is Highlight White (#FFFFFF), the darkest Icon Black (#111111). Its strongest contrast pair is #111111 on #FFFFFF (18.8:1, WCAG AAA).

Created at 07/14/2025 07:54
bycoolor
The palette consists of Semi dark, Light, Dark colors. Accent colors Focus Border Blue #0066ff and UI Yellow #ffde59. Palette has Cool, Neutral, Warm 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 warm (2 of 6).

HEX codes (sorted): #0066FF, #111111, #BDBDBD, #D7263D, #FFDE59, #FFFFFF

Palette Cross-Platform Accessibility Toolkit combines 6 color codes:
HEX: #0066ff, RGB: (0, 102, 255); HEX: #ffffff, RGB: (255, 255, 255); HEX: #d7263d, RGB: (215, 38, 61)
HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #ffde59, RGB: (255, 222, 89); HEX: #111111, RGB: (17, 17, 17)
Simplified version of palette colors
Shade of Royal Blue, White, Tint of Crimson, Shade of Silver, Tint of Gold, Tint of Black
Color scheme was created by coolor

Color codes in palette

Cross-Platform Accessibility Toolkit color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#0066ff#0066ffRGB(0, 102, 255)Focus Border BlueBlue Ribbon
#ffffff#ffffffRGB(255, 255, 255)Highlight WhiteWhite
#d7263d#d7263dRGB(215, 38, 61)Error Alert Red—
#bdbdbd#bdbdbdRGB(189, 189, 189)Neutral GreyGray74
#ffde59#ffde59RGB(255, 222, 89)UI Yellow—
#111111#111111RGB(17, 17, 17)Icon BlackDreamless Sleep

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#0066ff
#d7263d
1.02
#ffffff
#bdbdbd
1.87
#ffffff
#ffde59
1.32
#bdbdbd
#ffde59
1.41

Image palette Cross-Platform Accessibility Toolkit png

Cross-Platform Accessibility Toolkit color palette: Focus Border Blue, Highlight White, Error Alert Red, Neutral Grey
 Download image