Created at 06/27/2025 10:57
Data Visualization Web Canvas
- Chart Indigo#4f46e5
- Axis Gray#9ca3af
- Metric Cream#fff7ed
- Trend Green#22c55e
- Hover Coral#fb7185
- Label Fog#f5f5f5
- Insight Yellow#fcd34d
The palette consists of Semi dark, Light colors. Accent colors Chart Indigo #4f46e5 and Metric Cream #fff7ed. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #22C55E (darkest) to #FFF7ED (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): #22C55E, #4F46E5, #9CA3AF, #F5F5F5, #FB7185, #FCD34D, #FFF7ED
Palette Data Visualization Web Canvas has combination of 7 codes colors:
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #fff7ed, RGB: (255, 247, 237)
HEX: #22c55e, RGB: (34, 197, 94); HEX: #fb7185, RGB: (251, 113, 133); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #fcd34d, RGB: (252, 211, 77)
Simplified version of palette colors
Tint of slateblue, Tint of darkgrey, Tint of floralwhite, Tint of limegreen, Tint of lightcoral, Shade of gold
Color scheme was created by raccoon
Colors codes in palette
Data Visualization Web Canvas color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Chart Indigo | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Axis Gray | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Metric Cream | Fatback |
| #22c55e | #22c55e | RGB(34, 197, 94) | Trend Green | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Hover Coral | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Label Fog | White Smoke |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | Insight Yellow | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#9ca3af | #22c55e | 1.11 |
#9ca3af | #fb7185 | 1.06 |
#9ca3af | #fcd34d | 1.76 |
#fff7ed | #f5f5f5 | 1.02 |
#fff7ed | #fcd34d | 1.35 |
#22c55e | #fb7185 | 1.18 |
Image palette Data Visualization Web Canvas png
Export Palette
Download the "Data Visualization Web Canvas" in multiple formats for seamless integration into your design projects.
Available formats: