Created at 08/18/2025 08:39
  11

Data Visualization UI Kit Spectrum

  • Graph Cyan
    #06b6d4
  • Scatter Red
    #dc2626
  • Insight Yellow
    #facc15
  • Dashboard White
    #ffffff
  • Trend Indigo
    #4f46e5
  • System Gray
    #64748b
The palette consists of Light, Semi dark colors. Accent colors Graph Cyan #06b6d4 and Insight Yellow #facc15. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #06B6D4 (darkest) to #FFFFFF (lightest). The lightness range is wide.

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): #06B6D4, #4F46E5, #64748B, #DC2626, #FACC15, #FFFFFF

Palette Data Visualization UI Kit Spectrum has combination of 6 codes colors:
HEX: #06b6d4, RGB: (6, 182, 212); HEX: #dc2626, RGB: (220, 38, 38); HEX: #facc15, RGB: (250, 204, 21)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #4f46e5, RGB: (79, 70, 229); HEX: #64748b, RGB: (100, 116, 139)
Simplified version of palette colors
Tint of deepskyblue, Shade of crimson, Tint of gold, White, Tint of slateblue, Tint of slategrey
Color scheme was created by colorscheme

Colors codes in palette

Data Visualization UI Kit Spectrum color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#06b6d4 #06b6d4 RGB(6, 182, 212)Graph Cyan
#dc2626 #dc2626 RGB(220, 38, 38)Scatter Red
#facc15 #facc15 RGB(250, 204, 21)Insight Yellow
#ffffff #ffffff RGB(255, 255, 255)Dashboard WhiteWhite
#4f46e5 #4f46e5 RGB(79, 70, 229)Trend Indigo
#64748b #64748b RGB(100, 116, 139)System Gray

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#06b6d4
#dc2626
1.98
#06b6d4
#facc15
1.58
#06b6d4
#64748b
1.96
#dc2626
#4f46e5
1.3
#dc2626
#64748b
1.01
#facc15
#ffffff
1.53

Image palette Data Visualization UI Kit Spectrum png