Created at 07/24/2025 13:31
  16

Data Visualization UX System

  • Bar Graph Cyan
    #5ce1e6
  • Line Plot Magenta
    #f970a9
  • Axis Grey
    #dddddd
  • Chart White
    #fdfdfd
  • Insight Yellow
    #fff59d
  • Heatmap Ink
    #2e2e2e
The palette consists of Light, Dark colors. Accent colors Bar Graph Cyan #5ce1e6 and Insight Yellow #fff59d. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #2E2E2E (darkest) to #FDFDFD (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).

Overall temperature among swatches leans warm.

HEX codes (sorted): #2E2E2E, #5CE1E6, #DDDDDD, #F970A9, #FDFDFD, #FFF59D

Palette Data Visualization UX System has combination of 6 codes colors:
HEX: #5ce1e6, RGB: (92, 225, 230); HEX: #f970a9, RGB: (249, 112, 169); HEX: #dddddd, RGB: (221, 221, 221)
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #fff59d, RGB: (255, 245, 157); HEX: #2e2e2e, RGB: (46, 46, 46)
Simplified version of palette colors
Shade of mediumturquoise, Shade of hotpink, Shade of gainsboro, Tint of White, Shade of Khaki, Shade of Black
Color scheme was created by hex

Colors codes in palette

Data Visualization UX System color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5ce1e6 #5ce1e6 RGB(92, 225, 230)Bar Graph Cyan
#f970a9 #f970a9 RGB(249, 112, 169)Line Plot Magenta
#dddddd #dddddd RGB(221, 221, 221)Axis GreySteam
#fdfdfd #fdfdfd RGB(253, 253, 253)Chart WhiteBrilliance
#fff59d #fff59d RGB(255, 245, 157)Insight Yellow
#2e2e2e #2e2e2e RGB(46, 46, 46)Heatmap InkCarbon Fiber

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5ce1e6
#f970a9
1.68
#5ce1e6
#dddddd
1.15
#5ce1e6
#fdfdfd
1.54
#5ce1e6
#fff59d
1.4
#f970a9
#dddddd
1.95
#dddddd
#fdfdfd
1.33

Image palette Data Visualization UX System png