Created at 06/24/2025 17:17
  1

JS Visualization Framework Palette

  • Bar Chart Coral
    #ff8275
  • Line Graph Sky
    #8bd3ff
  • Axis Silver
    #d6d9dc
  • Point Violet
    #b097ff
  • Grid Ink
    #1e1e1e
  • Legend Mint
    #d2ffe5
The palette consists of Light, Dark colors. Accent colors Bar Chart Coral #ff8275 and Legend Mint #d2ffe5. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #1E1E1E (darkest) to #D2FFE5 (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): #1E1E1E, #8BD3FF, #B097FF, #D2FFE5, #D6D9DC, #FF8275

Palette JS Visualization Framework Palette has combination of 6 codes colors:
HEX: #ff8275, RGB: (255, 130, 117); HEX: #8bd3ff, RGB: (139, 211, 255); HEX: #d6d9dc, RGB: (214, 217, 220)
HEX: #b097ff, RGB: (176, 151, 255); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #d2ffe5, RGB: (210, 255, 229)
Simplified version of palette colors
Shade of salmon, Shade of lightskyblue, Tint of gainsboro, Shade of mediumpurple, Shade of Black, Tint of honeydew
Color scheme was created by colorhunt

Colors codes in palette

JS Visualization Framework Palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ff8275 #ff8275 RGB(255, 130, 117)Bar Chart Coral
#8bd3ff #8bd3ff RGB(139, 211, 255)Line Graph Sky
#d6d9dc #d6d9dc RGB(214, 217, 220)Axis Silver
#b097ff #b097ff RGB(176, 151, 255)Point Violet
#1e1e1e #1e1e1e RGB(30, 30, 30)Grid Ink
#d2ffe5 #d2ffe5 RGB(210, 255, 229)Legend Mint

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ff8275
#8bd3ff
1.47
#ff8275
#d6d9dc
1.7
#ff8275
#b097ff
1
#8bd3ff
#d6d9dc
1.15
#8bd3ff
#b097ff
1.47
#8bd3ff
#d2ffe5
1.49

Image palette JS Visualization Framework Palette png