Created at 07/24/2025 13:31
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 Grey | Steam |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Chart White | Brilliance |
| #fff59d | #fff59d | RGB(255, 245, 157) | Insight Yellow | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Heatmap Ink | Carbon 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
Export Palette
Download the "Data Visualization UX System" in multiple formats for seamless integration into your design projects.
Available formats: