Skip to content
AI Color

By Color

Lavender Color Palettes

Lavender is soft, airy and calming, which makes it a favourite for wellness and sleep apps. Its main colours include linen (#f6e8f4), almond (#ead5e1), pearl (#edddc0), baby pink (#e3bbd3), sky blue (#9ebed9), built as an analogous set around 265° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.

Lavender color palette hex codes

Main lavender colours with named swatches, HEX and RGB. Derived from this tag's hue (265°), saturation (42%) and analogous scheme.

Lavender color palette hex codes
SwatchNameHEXRGBCopy
Linen swatchLinen#f6e8f4rgb(246, 232, 244)
Almond swatchAlmond#ead5e1rgb(234, 213, 225)
Pearl swatchPearl#edddc0rgb(237, 221, 192)
Baby Pink swatchBaby Pink#e3bbd3rgb(227, 187, 211)
Sky Blue swatchSky Blue#9ebed9rgb(158, 190, 217)
Lilac swatchLilac#d193d3rgb(209, 147, 211)
Pewter swatchPewter#858ec4rgb(133, 142, 196)
Amethyst swatchAmethyst#9875c9rgb(152, 117, 201)

Lavender color palettes

About lavender color palettes

Lavender is soft, airy and calming, which makes it a favourite for wellness and sleep apps. This page collects 24 lavender color palettes, each one generated and then filtered so that every scheme is actually usable in a real design rather than just pleasant to look at.

Most lavender schemes anchor somewhere around lilac (#c3afde), a cool hue sitting near 265 degrees on the color wheel at roughly 42% saturation. The palettes below span a lightness range of about 32 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.

When you build with lavender, resist the urge to use it everywhere. Pick one swatch as your dominant colour, one as a supporting tone, and reserve the most saturated value for elements you genuinely want people to click. Everything else should be a neutral drawn from the same hue family so the whole interface feels deliberate.

Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.

Lavender color palette FAQ

What colors are in a lavender color palette?

A typical lavender palette combines linen (#f6e8f4), almond (#ead5e1), pearl (#edddc0) and supporting tones. Lavender is soft, airy and calming, which makes it a favourite for wellness and sleep apps.

What are the hex codes for lavender?

Lavender is a colour family rather than a single value. The main hex codes on this page are #f6e8f4, #ead5e1, #edddc0, #e3bbd3, #9ebed9, #d193d3, #858ec4, #9875c9, centred near #c3afde. Copy any value from the table above.

How do I use a lavender color palette in my design?

Assign the lightest swatch to backgrounds, the darkest to text, and use the remaining colours for accents and states. Copy the palette as CSS variables or a Tailwind theme from any palette page so the tokens stay consistent across your project.

Are these lavender palettes free to use?

Yes. All 24 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "lavender" into the AI color palette generator to build a fresh scheme in the same range.