What are the hex codes in the Lilac & Sage Wedding palette?

The Lilac & Sage Wedding color palette consists of Snow #FAF7FB, Fog #D9CFE3, Heather #B0A3C6, Sage #9AAE96.

How should I use the Lilac & Sage Wedding palette on a website?

Use Snow #FAF7FB as the background, Sage #9AAE96 for text, Fog #D9CFE3 for buttons and links, and Heather #B0A3C6 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Lilac & Sage Wedding have enough contrast for text?

The highest-contrast pair is #FAF7FB on #9AAE96 with a ratio of 2.23:1, which does not meet WCAG AA; add a darker or lighter neutral for body text.

#FAF7FBSnow

#D9CFE3Fog

#B0A3C6Heather

#9AAE96Sage

Lilac & Sage Wedding color palette

Wedding Pastel Muted White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Snow	`#FAF7FB`	`rgb(250, 247, 251)`	`hsl(285, 33%, 98%)`	`oklch(98.0% 0.006 318)`
Fog	`#D9CFE3`	`rgb(217, 207, 227)`	`hsl(270, 26%, 85%)`	`oklch(86.9% 0.029 308)`
Heather	`#B0A3C6`	`rgb(176, 163, 198)`	`hsl(262, 23%, 71%)`	`oklch(73.8% 0.052 302)`
Sage	`#9AAE96`	`rgb(154, 174, 150)`	`hsl(110, 13%, 64%)`	`oklch(72.9% 0.041 140)`

Why it works and how to use it

Lilac & Sage Wedding is a pastel light, monochromatic color palette tagged wedding, pastel, muted. A monochromatic set: the same hue family from Sage down to Snow. High lightness and gentle saturation put it firmly in pastel territory. The overall temperature is cool.

The palette holds together thanks to its monochromatic hue relationship and a soft light-to-dark ladder (98% down to 64% lightness). A natural fit for invitations and event branding.

Background: Snow (#FAF7FB) is the lightest color, so it belongs on large surfaces.
Text: Sage (#9AAE96) on #FAF7FB gives 2.23:1, so pair it with a darker neutral for body copy.
Primary: Fog (#D9CFE3) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Heather (#B0A3C6) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Lilac & Sage Wedding

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#FAF7FB

#D9CFE3

#B0A3C6

#9AAE96

Color-blind check: under protanopia and deuteranopia and tritanopia, Heather and Sage become hard to tell apart, so do not rely on that pair alone to carry meaning.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#FAF7FB` on `#9AAE96`	Aa	2.23:1	Fail
`#FAF7FB` on `#B0A3C6`	Aa	2.22:1	Fail
`#D9CFE3` on `#9AAE96`	Aa	1.58:1	Fail
`#D9CFE3` on `#B0A3C6`	Aa	1.57:1	Fail
`#FAF7FB` on `#D9CFE3`	Aa	1.41:1	Fail
`#B0A3C6` on `#9AAE96`	Aa	1:1	Fail

Similar palettes 24 more in this mood