Color meaning

Lavender

Introducing Lavender (#B497BD), a soft, muted purple shade. Its gentle, dusty tone gives storefronts and product pages a soothing, elevated feel, while its low saturation makes it a versatile choice for section backgrounds, wellness merchandising, and quiet accents that suggest calm and craft.

#B497BDHSL 286, 22%, 67%

Lavender code conversions

HEX
#B497BD
RGB
rgb(180, 151, 189)
HSL
hsl(286, 22%, 67%)
HSB
hsb(286, 20%, 74%)
CMYK
cmyk(5%, 20%, 0%, 26%)

Lavender color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Lavender contrast

Your catchy large text

Small body copy sitting on Lavender.

2.59:1White textAA failAAA fail

Your catchy large text

Small body copy sitting on Lavender.

7.29:1Black textAA passAAA pass

Lavender color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like Lavender

Matched by color distance against real palettes extracted from live storefronts.

Faherty
#a2adb3
Vineyard Vines
#b4cce0
Rothy's
#b9b7b3
Brooklinen
#cecdca
Allbirds
#82877e
Puma
#7e726a

Related purple colors

Royal PurplePlum

Lavender: frequently asked

What color is Lavender?

Lavender (#B497BD) is a pale, grayish purple with a soft rose undertone. In e-commerce interfaces it reads as calm and understated, sitting between a cool blue-violet and a warmer mauve.

What is the meaning of Lavender?

Lavender signals calm, relaxation, and gentle sophistication. Brands reach for it when they want customers to feel at ease while browsing, a convention common in wellness, skincare, and home-goods stores.

How do I use Lavender (#B497BD) in e-commerce design?

Use Lavender for section backgrounds, category headers, and soft badges where you want a restful mood, and pair it with a deeper purple or charcoal for readable text. Reserve a stronger accent color for buttons, since Lavender's muted tone is better suited to supporting roles than primary CTAs.

Using Lavender color codes

Copy Lavender (#B497BD) in HEX, RGB, HSL, HSB, and CMYK below to match it consistently across your web store, mobile app, and printed packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP