#E6E6FA
Purple family

Lavender

Also known as: serene · soft · whimsical · fragrant · delicate
Save
Hex #E6E6FA
RGB rgb(230, 230, 250)
HSL hsl(240°, 67%, 94%)
CMYK 8 · 8 · 0 · 2
CSS lavender
RAL RAL 9003 · Signal White
NCS S 0500-N

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In the Western world, lavender symbolizes purity and tranquility, often used in contexts relating to spirituality and healing. However, in some Eastern cultures, it can signify mourning, highlighting the color's nuanced interpretations across different societies.

The term 'lavender' originates from the Latin word 'lavandula', referring to the washing of clothes with the fragrant plant. This color became widely popular in the 19th century, especially during the Victorian era, as it was favored in fashion and home decor, reflecting the era's romantic sensibilities.

serenesoftwhimsicalfragrantdelicate

The story of Lavender

Where the name and the color come from.

Lavender is named after the flowering plant Lavandula, whose pale violet blooms give the color its name. The plant name traces to the Latin lavare, "to wash," because the Romans scented their baths and laundry with it — a link to cleanliness and calm that the color still evokes.

As a hue, lavender is a light, soft violet — gentler and bluer than lilac, with a relaxed, airy quality that makes it a favorite of spring and wellness palettes.

Where you'll see Lavender

The places, brands and moments that shaped this color.

The fields of Provence

Rows of blooming lavender in southern France are the color's defining image, tying it to summer, scent and serenity.

Aromatherapy and wellness

Lavender's calming reputation makes it ubiquitous in soaps, candles, skincare and spa branding.

Spring and pastel design

Soft lavender is a staple of Easter, bridal and springtime color schemes.

Using Lavender in design

How it behaves in interiors, fashion and branding.

Lavender brings a calming, soft-focus quality to interiors and graphics. As a pale violet it works as a gentle wall color or accent in bedrooms and bathrooms, and it pairs beautifully with sage, grey and soft yellow.

In branding it signals calm, wellness and a modern, approachable femininity, popular with beauty, self-care and lifestyle products.

What pairs with Lavender

Curated combinations — and exactly why each one works.

Lavender + Sage

Lavender and sage echo a cottage garden — two soft, muted, plant-derived tones that feel serene together.

Lavender + Gray

Cool grey makes lavender read sophisticated and contemporary rather than purely sweet.

Lavender + Cream

Cream warms lavender and keeps a pastel scheme soft and inviting.

Lavender + Navy Blue

Navy gives airy lavender a deep, grounding contrast for a fresher, more modern palette.

Shades & tints

Nine steps of Lavender by lightness — from #787882 (darkest) to #F2F2FC (lightest). Click any to copy.

-40% #787882
-30% #9393A0
-20% #AFAFBE
-10% #CACADC
BASE #E6E6FA
+15% #E9E9FB
+30% #ECECFB
+50% #EFEFFC
+70% #F2F2FC

Complementary

Sitting opposite Lavender at 60° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Lavender.

#E6E6FA
#6A5ACD
#FFFFFF
#FFD700
#FFB6C1

Lavender Dreams

Calm Serenity
#E6E6FA
#FF69B4
#F5F5F5
#8A2BE2
#32CD32

Whispers of Spring

Fresh Renewal
#E6E6FA
#483D8B
#D3D3D3
#F0E68C
#FFC0CB

Twilight Glow

Mystical Evening

Used by

Brands and institutions known for using Lavender.

YahooT-Mobile

Lavender scale

A 50–900 tonal scale with Lavender anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FDFDFF
100 #FBFBFE
200 #F6F6FD
300 #F1F1FC
400 #EBEBFB
500 #E6E6FA
600 #BDBDCD
700 #9898A5
800 #73737D
900 #4E4E55

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 17.06:1
Lavender as text on… Ratio AA AAA
Aa White background 1.23:1 Fail Fail
Aa Black background 17.06:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #E6E6FA

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: lavender;
CSS color-mix (lighten 30%) color-mix(in srgb, lavender 70%, white)
HSV / HSB 240°, 8%, 98%
CMYK (print) 8, 8, 0, 2
Decimal 15132410
Nearest web-safe #FFFFFF

Color vision

How Lavender appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#E6E6FA

Protanopia (no red)

#E6E6F5

Deuteranopia (no green)

#E6E6F4

Tritanopia (no blue)

#E6F1F1

Lavender FAQ

Quick answers to the questions people ask about Lavender.

What is the difference between lavender and lilac?

Both are pale purples, but lavender leans slightly bluer and cooler, while lilac leans pinker and warmer. Lavender feels calm and airy; lilac feels a touch more floral and rosy.

What colors go with lavender?

Sage green and soft yellow for a garden-fresh look, grey for elegant neutrality, cream and white to keep it soft, and navy or deep purple for grounding contrast.

Is lavender a warm or cool color?

Cool. As a violet with a blue lean, lavender sits on the cool side of the wheel, which is part of why it feels so calming and restful.

Violet
3 / 31 Purples Lilac
Copied!