Indigo is the blue-purple Newton named as a seventh colour of the spectrum. The CSS keyword indigo is #4B0082, which sits at 275° hue — on the purple side of the wheel, despite the name. Grab the HEX codes from a scheme below, or build a custom indigo palette around any base colour with the generator.
Deep Indigo is a straight ramp at or near full saturation (86%–100%) from #1A0033 to #6A0DAD. Indigo & Violet goes darker still, reaching #10002B. Soft Indigo is the odd one out: three pale violet tints (#E4D4F4, #C3A3E0, #9B6FC9) above the same deep base.
#1A0033#2E004F#3D0066#4B0082#6A0DAD#10002B#240046#3C096C#4B0082#7B2CBF#E4D4F4#C3A3E0#9B6FC9#4B0082#33005AAnchored to an indigo base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Indigo is dark and saturated, so it works best as a ground with one bright accent — gold, coral or a pale violet. Within the same range dark blue is the bluer neighbour and purple the redder one, while a full jewel-tone set gives it companions. Denim, astronomy and premium tech branding use it.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. If a ready-made set is easier, the Deep Indigo row above reads #1A0033 through #6A0DAD and you can type those five in as the custom properties yourself. The generator instead rolls around #4B0082, the base indigo this page is anchored to. Copy JSON gives an array and Copy HEX a comma-separated line when a :root block is not what your project wants.More palettes: Dark Blue palette · Purple palette · Jewel Tone palette · all colours