Generate Palette
  1. Colors palettes
  2. Web Accessibility Spectrum Kit
Created at 06/09/2025 17:09
bycolorscheme
  1

Web Accessibility Spectrum Kit

  • Readable Cyan
    #00ced1
  • Error Orange
    #ff6f00
  • Focus Blue
    #2962ff
  • Label Gray
    #9e9e9e
  • Surface Light
    #f5f5f5
  • Caption Black
    #212121
  • Toggle Pink
    #ffb6c1
The palette consists of Light, Semi dark, Dark colors. Accent colors Readable Cyan #00ced1 and Toggle Pink #ffb6c1. Palette has Cool, Warm, Neutral colors temperature.

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

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #00CED1, #212121, #2962FF, #9E9E9E, #F5F5F5, #FF6F00, #FFB6C1

Palette Web Accessibility Spectrum Kit has combination of 7 codes colors:
HEX: #00ced1, RGB: (0, 206, 209); HEX: #ff6f00, RGB: (255, 111, 0); HEX: #2962ff, RGB: (41, 98, 255)
HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #212121, RGB: (33, 33, 33)
HEX: #ffb6c1, RGB: (255, 182, 193)
Simplified version of palette colors
Shade of chocolate, Tint of royalblue, Tint of darkgrey, Shade of Black
Color scheme was created by colorscheme

Colors codes in palette

Web Accessibility Spectrum Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#00ced1 #00ced1 RGB(0, 206, 209)Readable CyanJade Glass
#ff6f00 #ff6f00 RGB(255, 111, 0)Error Orange—
#2962ff #2962ff RGB(41, 98, 255)Focus Blue—
#9e9e9e #9e9e9e RGB(158, 158, 158)Label GrayGray62
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Surface LightWhite Smoke
#212121 #212121 RGB(33, 33, 33)Caption BlackLead
#ffb6c1 #ffb6c1 RGB(255, 182, 193)Toggle PinkMatt Pink

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00ced1
#ff6f00
1.42
#00ced1
#9e9e9e
1.37
#00ced1
#f5f5f5
1.79
#00ced1
#ffb6c1
1.18
#ff6f00
#2962ff
1.75
#ff6f00
#9e9e9e
1.04

Image palette Web Accessibility Spectrum Kit png

Web Accessibility Spectrum Kit - #551601
 Download image