35 Different Shades of Light Lavender (+ HEX codes)

Explore all shades of light lavender, from lighter to darker shades. See HEX codes, shade names, and light lavender color palettes. Click any shade to copy its HEX code.

Light lavender is the color of softness, elegance, and timeless charm! From soft, pastel lavender hues to rich, velvety tones, explore our collection of 40+ light lavender shades that bring a gentle and elegant touch to any design.

Whether you prefer a subtle lavender or a rich, velvety tone, you'll find a variety of shades with their names and HEX codes. Plus, discover stunning light lavender color palettes to bring softness and charm to your projects!

ghost white
#F8F8FF
lavender
#E6E6FA
bright lavender mist
#F5EEFD
pale lavender
#DCD0FF
thistle
#D8BFD8
soft lavender
#E0CFF7
light amethyst
#D4A1E2
periwinkle lavender
#CEB8FF
heather lavender
#C6A5D9
lilac mist
#C3B1E1
orchid haze
#BFA4D6
mauve orchid
#B695C0
lavender rose
#B57EDC
wisteria light
#AD96DC
soft lilac
#A999C7
pastel lavender
#A890D3
delicate wisteria
#A78CCF
sweet violet
#9F7FBC
pale purple
#967BB6
lilac blossom
#9278B6
pastel plum
#8B7B8B
light slate lavender
#836FFF
dusky lavender
#8068A6
twilight lavender
#7758A0
soft grape
#6C468C
frosted lavender
#EDE6F2
lavender whisper
#E8DFF5
misty lilac
#E2CFEA
soft wisteria
#D9C3E6
dreamy lavender
#D5B8E0
pastel orchid
#CFB1E6
lavender bloom
#C8A8DA
delicate lilac
#C2A3D0
muted lavender
#B89FC8
dusky lilac
#AF94C7

Light Lavender: HEX & RGB Codes

light lavender has the following primary color codes:

HEX: #F5EEFA
RGB: (245, 238, 250).

Explore a wide range of light lavender shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of light lavender

White Lilac
#f6effa
White Lilac
#f6f0fa
White Lilac
#f6effb
White Lilac
#f8f4fb
White Lilac
#f8f3fb
White Lilac
#fbf7fc
White Lilac
#faf7fd
White Lilac
#fdfbfe
White Lilac
#fcfbfe
Hint of Red
#fdfcfd

Explore shades of light lavender

Violet
#220a33
Grape
#36154c
Jacarta
#4a2664
Affair
#613c7c
Trendy Pink
#7b5695
Purple Mountain's Majesty
#9674af
East Side
#b498c8
Prelude
#d4c1e1

light lavender in HEX, RGB, HSL and CMYK

HEX	#F5EEFA
RGB	rgb(245, 238, 250)
HSL	hsl(275, 55%, 96%)
CMYK	cmyk(2%, 5%, 0%, 2%)

Tints and shades of light lavender

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#f6effa
#f6effa
#f6effa
#f6effa
#f6effa
#f6effa

Shades (darker)

#d2b3e9
#af76d7
#8b39c6
#612889
#36164c
#0b0510

Colours that work with light lavender

Complementary

#F5EEFA #f4faef

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#f0effa #F5EEFA #faeff9

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#F5EEFA #faf6ef #effaf6

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on light lavender

Example Primary text

White text on light lavender1.14:1Fail

Example Primary text

Near-black text on light lavender15.62:1AAA

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

light lavender shade chart

Shade chart showing five steps of light lavender, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.