Spectra
Colour palettes for Data Visualisation. Colour carries meaning in a chart — order, magnitude, category, alarm. Spectra allows you to build palettes in OKLCH, a colour space that matches human perception, so equal steps in data look like equal steps to the eye.
Generate a colour palette with the following instructions
Give me a palette starting in with spacing and intensity
01
02
03
04
05
06
07
BACKGROUND COLOUR
COLOUR PALETTE
PALETTE TYPE
Sequential and diverging palettes encode order; categorical separates groups; semantic maps colours to meaning.
STEPS7
How many colours the palette contains.
STARTING HUE210°
Sets the palette’s starting hue. Every colour in the palette is generated from this starting point, so drag it to move the whole palette to a different part of the colour wheel.
STEP SPACING0.00
Determines how evenly the colours are spread. Even spacing gives every step equal footing; bunching the steps toward one end reserves finer distinctions for the values that matter most.
STEP INTENSITY RAMP0.00
Determines how much attention each step demands. A rising ramp keeps early steps soft and muted so the final steps stand out — ideal when "good" should recede and "bad" should shout.
VISION
Standard shows the palette without simulation. Deutan, protan and tritan preview how its colour relationships may change under each form of colour vision.
COLOUR PROFILE — ALL STEPS
L · LIGHTNESS+0.000
C · CHROMA+0.000
H · HUE+0°
Nudges the whole palette. Click a swatch above to tune a single step.
Every colour here is described by three dimensions: lightness — how close it sits to white or black; chroma — how vivid it is, from grey to saturated; and hue — where it sits on the colour wheel (red, yellow, blue…). The charts show each dimension across your palette, one bar per step, and the sliders nudge that dimension up or down.
ILLUSTRATIVE EXAMPLES
THE BAR CHART.⤢
THE LINE CHART.⤢
THE AREA CHART.⤢
THE SCATTER PLOT.⤢
THE PIE AND DONUT CHART.⤢
THE HISTOGRAM.⤢
THE TABLE AND THE HEATMAP.⤢
THE SPARKLINE.⤢
THE GROUPED BAR CHART.⤢
THE STACKED BAR CHART.⤢
THE BULLET CHART.⤢
THE LOLLIPOP CHART.⤢
THE SLOPE CHART.⤢
THE DOT PLOT.⤢
THE BOX PLOT.⤢
THE VIOLIN PLOT.⤢
THE STRIP AND JITTER PLOT.⤢
THE RIDGE (JOY) PLOT.⤢
THE BEE SWARM.⤢
THE DENSITY PLOT.⤢
THE TREEMAP.⤢
THE SUNBURST.⤢
THE WAFFLE CHART.⤢
THE MARIMEKKO (MOSAIC) CHART.⤢
THE WATERFALL CHART.⤢
THE TREND RIBBON.⤢
THE BUMP CHART.⤢
THE CANDLESTICK CHART.⤢
THE HORIZON CHART.⤢
THE CALENDAR HEATMAP.⤢
THE BUBBLE CHART.⤢
PARALLEL COORDINATES.⤢
THE CHORD DIAGRAM.⤢
THE NETWORK (FORCE-DIRECTED) GRAPH.⤢
THE SANKEY DIAGRAM.⤢
THE CHOROPLETH.⤢
THE HEXBIN AND H3 MAP.⤢
THE VALUE-BY-ALPHA MAP.⤢
THE RADAR (SPIDER) CHART.⤢
THE FUNNEL CHART.⤢
THE GAUGE.⤢
THE STREAMGRAPH AND STACKED AREA.⤢
THE VORONOI DIAGRAM.⤢
SMALL MULTIPLES.⤢
THE AREA BUMP CHART.⤢
THE CIRCLE PACKING CHART.⤢
THE GEOGRAPHIC BASE MAP.⤢
THE ICICLE CHART.⤢
THE POLAR BAR CHART.⤢
THE RADIAL BAR CHART.⤢
THE TIME RANGE CHART.⤢
THE TREE DIAGRAM.⤢
THE CARTOGRAM.⤢
THE TILEGRAM (HEX CARTOGRAM).⤢
THE RADIAL TREE DIAGRAM.⤢
THE POLAR RANGE BAR CHART.⤢
THE POLAR RANGE AREA CHART.⤢