Generate Palette
  1. Color Palettes
  2. UI Component Accessibility Grid

UI Component Accessibility Grid

  • Flowchart Blue
    #2563eb
  • Contrast Yellow
    #fde047
  • Card White
    #ffffff
  • Accessible Slate
    #64748b
  • Semantic Green
    #4ade80
  • Form Error Red
    #dc2626
  0.11k
Created at 08/18/2025 08:34
bycolorday
The palette consists of Semi dark, Light colors. Accent colors Flowchart Blue #2563eb and Contrast Yellow #fde047. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #2563EB (darkest) to #FFFFFF (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #2563EB, #4ADE80, #64748B, #DC2626, #FDE047, #FFFFFF

Palette UI Component Accessibility Grid combines 6 color codes:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #fde047, RGB: (253, 224, 71); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #64748b, RGB: (100, 116, 139); HEX: #4ade80, RGB: (74, 222, 128); HEX: #dc2626, RGB: (220, 38, 38)
Simplified version of palette colors
Shade of Royal Blue, Tint of Gold, White, Shade of Slate Gray, Tint of Medium Spring Green, Tint of Crimson
Color scheme was created by colorday

Color codes in palette

UI Component Accessibility Grid color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2563eb #2563eb RGB(37, 99, 235)Flowchart Blue—
#fde047 #fde047 RGB(253, 224, 71)Contrast Yellow—
#ffffff #ffffff RGB(255, 255, 255)Card WhiteWhite
#64748b #64748b RGB(100, 116, 139)Accessible Slate—
#4ade80 #4ade80 RGB(74, 222, 128)Semantic Green—
#dc2626 #dc2626 RGB(220, 38, 38)Form Error Red—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2563eb
#64748b
1.08
#2563eb
#dc2626
1.07
#fde047
#ffffff
1.31
#fde047
#4ade80
1.32
#ffffff
#4ade80
1.74
#64748b
#dc2626
1.01

Image palette UI Component Accessibility Grid png

UI Component Accessibility Grid color palette: Flowchart Blue, Contrast Yellow, Card White, Accessible Slate, Semantic Green
 Download image