Human-Centric UX Decision Mapping Suite

  • Empathy Blush
    #fdc5c5
  • Persona Sky
    #b8e1ff
  • Choice Graphite
    #2f2f2f
  • Journey Cream
    #fff1e6
  • Feedback Rose
    #ffa69e
  • UI Mist
    #f6f6f6
  1

Human-Centric UX Decision Mapping Suite has 6 colors, mostly red and blue. The lightest color is UI Mist (#F6F6F6), the darkest Choice Graphite (#2F2F2F). Its strongest contrast pair is #2F2F2F on #F6F6F6 (12.3:1, WCAG AAA).

Created at 07/11/2025 20:48
The palette consists of Light, Dark colors. Accent colors Persona Sky #b8e1ff and Journey Cream #fff1e6. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #2F2F2F (darkest) to #F6F6F6 (lightest). The lightness range is wide.

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 warm (2 of 6).

HEX codes (sorted): #2F2F2F, #B8E1FF, #F6F6F6, #FDC5C5, #FFA69E, #FFF1E6

Palette Human-Centric UX Decision Mapping Suite combines 6 color codes:
HEX: #fdc5c5, RGB: (253, 197, 197); HEX: #b8e1ff, RGB: (184, 225, 255); HEX: #2f2f2f, RGB: (47, 47, 47)
HEX: #fff1e6, RGB: (255, 241, 230); HEX: #ffa69e, RGB: (255, 166, 158); HEX: #f6f6f6, RGB: (246, 246, 246)
Simplified version of palette colors
Tint of Pink, Tint of Light Blue, Tint of Black, Tint of Linen, Shade of Light Pink, Tint of White Smoke
Color scheme was created by colorslib

Color codes in palette

Human-Centric UX Decision Mapping Suite color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#fdc5c5#fdc5c5RGB(253, 197, 197)Empathy Blush—
#b8e1ff#b8e1ffRGB(184, 225, 255)Persona Sky—
#2f2f2f#2f2f2fRGB(47, 47, 47)Choice Graphite—
#fff1e6#fff1e6RGB(255, 241, 230)Journey Cream—
#ffa69e#ffa69eRGB(255, 166, 158)Feedback Rose—
#f6f6f6#f6f6f6RGB(246, 246, 246)UI Mist—

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#fdc5c5
#b8e1ff
1.09
#fdc5c5
#fff1e6
1.35
#fdc5c5
#ffa69e
1.24
#fdc5c5
#f6f6f6
1.39
#b8e1ff
#fff1e6
1.24
#b8e1ff
#ffa69e
1.36

Image palette Human-Centric UX Decision Mapping Suite png