#F8F5FASmoke
#E3D9ECBallet
#B4A0C8Heather
#5E5470Dusk

Lavender Wedding color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Lavender Wedding is a pastel light, monochromatic color palette tagged wedding, muted, minimal. All four colors sit within 2° of hue, so the scheme reads as one color explored across light and dark. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is cool.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Smoke#F8F5FArgb(248, 245, 250)hsl(276, 33%, 97%)oklch(97.4% 0.007 312)
Ballet#E3D9ECrgb(227, 217, 236)hsl(272, 33%, 89%)oklch(89.9% 0.028 309)
Heather#B4A0C8rgb(180, 160, 200)hsl(270, 27%, 71%)oklch(73.6% 0.061 308)
Dusk#5E5470rgb(94, 84, 112)hsl(261, 14%, 38%)oklch(46.6% 0.046 301)

Why it works and how to use it

It works because the lightness range is wide (38% to 97%), which gives clear hierarchy between background, content and accents. Try it for invitations and event branding.

  • Background: Smoke (#F8F5FA) is the lightest color, so it belongs on large surfaces.
  • Text: Dusk (#5E5470) on #F8F5FA gives 6.53:1, passing WCAG AA.
  • Primary: Ballet (#E3D9EC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Heather (#B4A0C8) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Dusk at 6.53:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Lavender 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
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#F8F5FA
#E3D9EC
#B4A0C8
#5E5470

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#F8F5FA on #5E5470Aa6.53:1AA
#E3D9EC on #5E5470Aa5.17:1AA
#B4A0C8 on #5E5470Aa2.96:1Fail
#F8F5FA on #B4A0C8Aa2.21:1Fail
#E3D9EC on #B4A0C8Aa1.75:1Fail
#F8F5FA on #E3D9ECAa1.26:1Fail

Similar palettes 24 more in this mood