Generate Palette
  1. Colors palettes
  2. Human Centered UX Soft Accessibility
Created at 04/20/2026 13:55
byraccoon
  1

Human Centered UX Soft Accessibility

  • Accessible Blue
    #3a86ff
  • Comfort Pink
    #ffafcc
  • Calm Green
    #80ed99
  • Friendly Yellow
    #ffd166
  • Neutral Gray
    #adb5bd
  • Background Light
    #f8f9fa
The palette consists of Light colors. Accent colors Accessible Blue #3a86ff and Friendly Yellow #ffd166. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #3A86FF (darkest) to #F8F9FA (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #3A86FF, #80ED99, #ADB5BD, #F8F9FA, #FFAFCC, #FFD166

Palette Human Centered UX Soft Accessibility has combination of 6 codes colors:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #ffafcc, RGB: (255, 175, 204); HEX: #80ed99, RGB: (128, 237, 153)
HEX: #ffd166, RGB: (255, 209, 102); HEX: #adb5bd, RGB: (173, 181, 189); HEX: #f8f9fa, RGB: (248, 249, 250)
Simplified version of palette colors
Shade of dodgerblue, Tint of lightpink, Tint of lightgreen, Shade of gold, Shade of darkgrey, Shade of whitesmoke
Color scheme was created by raccoon

Colors codes in palette

Human Centered UX Soft Accessibility color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3a86ff #3a86ff RGB(58, 134, 255)Accessible Blue—
#ffafcc #ffafcc RGB(255, 175, 204)Comfort Pink—
#80ed99 #80ed99 RGB(128, 237, 153)Calm Green—
#ffd166 #ffd166 RGB(255, 209, 102)Friendly Yellow—
#adb5bd #adb5bd RGB(173, 181, 189)Neutral Gray—
#f8f9fa #f8f9fa RGB(248, 249, 250)Background Light—

Color Palette Contrast

11 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3a86ff
#adb5bd
1.67
#ffafcc
#80ed99
1.18
#ffafcc
#ffd166
1.18
#ffafcc
#adb5bd
1.21
#ffafcc
#f8f9fa
1.62
#80ed99
#ffd166
1

Image palette Human Centered UX Soft Accessibility png

Human Centered UX Soft Accessibility - #571919
 Download image