Generate Palette
  1. Color Palettes
  2. Human Computer Interaction Cognitive Load UX Palette

Human Computer Interaction Cognitive Load UX Palette

  • Focus Blue
    #3b82f6
  • Memory Green
    #22c55e
  • Attention Yellow
    #facc15
  • Error Red
    #ef4444
  • Neutral Light
    #f9fafb
  • Depth Gray
    #6b7280
  • Text Black
    #020617
  6
Created at 03/30/2026 11:31
bycolorday
The palette consists of Light, Semi dark, Dark colors. Accent colors Focus Blue #3b82f6 and Attention Yellow #facc15. Palette has Cool, Warm, Neutral colors temperature.

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

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

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

Warm and cool swatches are fairly balanced (2 warm, 2 cool).

HEX codes (sorted): #020617, #22C55E, #3B82F6, #6B7280, #EF4444, #F9FAFB, #FACC15

Palette Human Computer Interaction Cognitive Load UX Palette combines 7 color codes:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #22c55e, RGB: (34, 197, 94); HEX: #facc15, RGB: (250, 204, 21)
HEX: #ef4444, RGB: (239, 68, 68); HEX: #f9fafb, RGB: (249, 250, 251); HEX: #6b7280, RGB: (107, 114, 128)
HEX: #020617, RGB: (2, 6, 23)
Simplified version of palette colors
Shade of Dodger Blue, Shade of Lime Green, Shade of Gold, Shade of Indian Red, Tint of White Smoke, Shade of Slate Gray, Tint of Black
Color scheme was created by colorday

Color codes in palette

Human Computer Interaction Cognitive Load UX Palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3b82f6 #3b82f6 RGB(59, 130, 246)Focus Blue—
#22c55e #22c55e RGB(34, 197, 94)Memory Green—
#facc15 #facc15 RGB(250, 204, 21)Attention Yellow—
#ef4444 #ef4444 RGB(239, 68, 68)Error Red—
#f9fafb #f9fafb RGB(249, 250, 251)Neutral Light—
#6b7280 #6b7280 RGB(107, 114, 128)Depth Gray—
#020617 #020617 RGB(2, 6, 23)Text Black—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3b82f6
#22c55e
1.61
#3b82f6
#ef4444
1.02
#3b82f6
#6b7280
1.31
#22c55e
#facc15
1.48
#22c55e
#ef4444
1.65
#facc15
#f9fafb
1.46

Image palette Human Computer Interaction Cognitive Load UX Palette png

Human Computer Interaction Cognitive Load UX Palette: Focus Blue, Memory Green, Attention Yellow, Error Red, Neutral Light
 Download image