Generate Palette
  1. Colors palettes
  2. Accessibility-First Theme Builder
Created at 06/17/2025 12:11
byhex
  1

Accessibility-First Theme Builder

  • Readable Lemon Cream
    #fffacd
  • High Contrast Indigo
    #4b3f72
  • Nav Aqua
    #90fff5
  • Button Shadow
    #3d3d3d
  • Tooltip White Smoke
    #f6f6f6
  • Focus Rose
    #f88da0
The palette consists of Light colors. Accent colors Readable Lemon Cream #fffacd and Nav Aqua #90fff5. Palette has Warm, Cool, Neutral colors temperature.

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

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #3D3D3D, #4B3F72, #90FFF5, #F6F6F6, #F88DA0, #FFFACD

Palette Accessibility-First Theme Builder has combination of 6 codes colors:
HEX: #fffacd, RGB: (255, 250, 205); HEX: #4b3f72, RGB: (75, 63, 114); HEX: #90fff5, RGB: (144, 255, 245)
HEX: #3d3d3d, RGB: (61, 61, 61); HEX: #f6f6f6, RGB: (246, 246, 246); HEX: #f88da0, RGB: (248, 141, 160)
Simplified version of palette colors
Tint of darkslateblue, Shade of cyan, Tint of darkslategrey, Shade of whitesmoke, Shade of lightcoral
Color scheme was created by hex

Colors codes in palette

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

Color HEX RGB Name Alternative name
#fffacd #fffacd RGB(255, 250, 205)Readable Lemon CreamLemon Chiffon
#4b3f72 #4b3f72 RGB(75, 63, 114)High Contrast Indigo—
#90fff5 #90fff5 RGB(144, 255, 245)Nav Aqua—
#3d3d3d #3d3d3d RGB(61, 61, 61)Button ShadowRaven Black
#f6f6f6 #f6f6f6 RGB(246, 246, 246)Tooltip White Smoke—
#f88da0 #f88da0 RGB(248, 141, 160)Focus Rose—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fffacd
#90fff5
1.11
#fffacd
#f6f6f6
1.01
#4b3f72
#3d3d3d
1.16
#90fff5
#f6f6f6
1.09
#90fff5
#f88da0
1.91

Image palette Accessibility-First Theme Builder png

Accessibility-First Theme Builder - #552314
 Download image