Generate Palette
  1. Colors palettes
  2. Data Visualization Storyboard UI
Created at 07/02/2025 16:43
byhex
  11

Data Visualization Storyboard UI

  • Metric Lime
    #dce775
  • Insight Blue
    #64b5f6
  • Chart Amber
    #ffca28
  • Axis Slate
    #546e7a
  • Tooltip Smoke
    #f5f5f5
  • Label Graphite
    #263238
The palette consists of Light, Dark colors. Accent colors Insight Blue #64b5f6 and Chart Amber #ffca28. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #263238 (darkest) to #F5F5F5 (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 cool.

HEX codes (sorted): #263238, #546E7A, #64B5F6, #DCE775, #F5F5F5, #FFCA28

Palette Data Visualization Storyboard UI has combination of 6 codes colors:
HEX: #dce775, RGB: (220, 231, 117); HEX: #64b5f6, RGB: (100, 181, 246); HEX: #ffca28, RGB: (255, 202, 40)
HEX: #546e7a, RGB: (84, 110, 122); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #263238, RGB: (38, 50, 56)
Simplified version of palette colors
Tint of Khaki, Shade of deepskyblue, Tint of gold, Tint of slategrey, Tint of darkslategrey
Color scheme was created by hex

Colors codes in palette

Data Visualization Storyboard UI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#dce775 #dce775 RGB(220, 231, 117)Metric Lime—
#64b5f6 #64b5f6 RGB(100, 181, 246)Insight Blue—
#ffca28 #ffca28 RGB(255, 202, 40)Chart Amber—
#546e7a #546e7a RGB(84, 110, 122)Axis Slate—
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Tooltip SmokeWhite Smoke
#263238 #263238 RGB(38, 50, 56)Label Graphite—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#dce775
#64b5f6
1.65
#dce775
#ffca28
1.14
#dce775
#f5f5f5
1.22
#64b5f6
#ffca28
1.44
#ffca28
#f5f5f5
1.4

Image palette Data Visualization Storyboard UI png

Data Visualization Storyboard UI - #553428
 Download image