UI Shades

A study in indigo

Indigo

#4B0082

Family
Indigo
L
0.339
C
0.179
H
302°

Notes

Indigo names a deep blue-violet historically derived from the indigofera plant, one of the oldest natural dyes still in use. The CSS hex is darker than most digital indigos and reads as a near-purple navy. Cultural associations are wide-ranging: textiles, denim, philosophy, music, the seventh color of the spectrum. Editorial, fashion, and contemplative products use it as a primary brand color. Pair with warm cream and brass for heritage palettes, or with deep red for an unexpected accent. Body text against white passes AAA at all standard sizes, making it a confident text color for long-form layouts.

#4b0082
Indigo
Indigo
#4b0082
oklch(0.339 0.179 301.68)
rgb(75 0 130)
hsl(274.6 100% 25.5%)
Share
#fef5ff
#f9eeff
#eddbff
#e0c5ff
#c898ff
#ab4dff
#9420f5
#7d00d5
#5d00a2
#4b0082
#230044

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Indigo

Cross-reference
Q&A

Frequently asked questions

What is Indigo?

Indigo names a deep blue-violet historically derived from the indigofera plant, one of the oldest natural dyes still in use. The CSS hex is darker than most digital indigos and reads as a near-purple navy. Its hex code is #4B0082.

What are the tints and shades of Indigo?

uishades builds an 11-step OKLCH ramp for Indigo (#4B0082) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Indigo?

Its complementary color is #303F00. Triadic partners are #5A2800 and #00453B; analogous neighbours are #65005E and #1F1F92.

What are the OKLCH and RGB values of Indigo?

Indigo is #4B0082 - OKLCH 0.339 0.179 302°, rgb(75 0 130), in the indigo family.