UI Shades

A study in indigo

Lavender

#E6E6FA

Family
Indigo
L
0.931
C
0.027
H
286°

Notes

True lavender oil is purple-pink and floral; CSS Lavender is a near-white violet that the X11 graphics committee picked from a Pantone-style sample book in 1985 and that has never been retuned. The value reads as quiet rather than aromatic. Wellness brands like Caraway and Hims lean on tones in this band for packaging because the cool undertone signals calm without committing to gendered pink. Use it as a page wash beneath aubergine #581c87 headings or as a card background against charcoal body copy. Place it next to bright yellow and the violet cast amplifies into something almost garish - a warning the X11 committee never bothered to document.

#e6e6fa
Lavender
Lavender
#e6e6fa
oklch(0.931 0.027 285.86)
rgb(230 230 250)
hsl(240 66.7% 94.1%)
Share
#f9f9ff
#f3f3fe
#e6e6fa
#d1d1ee
#b1b1d1
#8887a8
#706f8f
#5b5b78
#424158
#2c2b3d
#161621

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 Lavender

Cross-reference
Q&A

Frequently asked questions

What is Lavender?

True lavender oil is purple-pink and floral; CSS Lavender is a near-white violet that the X11 graphics committee picked from a Pantone-style sample book in 1985 and that has never been retuned. The value reads as quiet rather than aromatic. Its hex code is #E6E6FA.

What are the tints and shades of Lavender?

uishades builds an 11-step OKLCH ramp for Lavender (#E6E6FA) - 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 Lavender?

Its complementary color is #EAEAD5. Triadic partners are #F9E3D9 and #D8EEE4; analogous neighbours are #EFE3F5 and #DDE9FB.

What are the OKLCH and RGB values of Lavender?

Lavender is #E6E6FA - OKLCH 0.931 0.027 286°, rgb(230 230 250), in the indigo family.