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

The Butter & Sage Wedding color palette consists of Ivory #FFFCF3, Papaya #FBEFC3, Oat #C9D3B5, Shadow #7A8A6C.

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

Use Ivory #FFFCF3 as the background, Shadow #7A8A6C for text, Papaya #FBEFC3 for buttons and links, and Oat #C9D3B5 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

The highest-contrast pair is #FFFCF3 on #7A8A6C with a ratio of 3.6:1, which passes WCAG AA for large text only.

#FFFCF3Ivory

#FBEFC3Papaya

#C9D3B5Oat

#7A8A6CShadow

Butter & Sage Wedding color palette

Wedding 2026 Trends Muted White Beige Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ivory	`#FFFCF3`	`rgb(255, 252, 243)`	`hsl(45, 100%, 98%)`	`oklch(99.1% 0.012 92)`
Papaya	`#FBEFC3`	`rgb(251, 239, 195)`	`hsl(47, 88%, 87%)`	`oklch(95.1% 0.058 95)`
Oat	`#C9D3B5`	`rgb(201, 211, 181)`	`hsl(80, 25%, 77%)`	`oklch(85.1% 0.042 122)`
Shadow	`#7A8A6C`	`rgb(122, 138, 108)`	`hsl(92, 12%, 48%)`	`oklch(61.2% 0.048 131)`

Why it works and how to use it

Butter & Sage Wedding is a pastel light, analogous color palette tagged wedding, 2026 trends, muted. The hues stay within 33° of each other on the color wheel, which is why the palette feels cohesive rather than busy. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is warm.

Two of the four colors are near-neutral, which leaves room for Papaya to lead. Lightness runs from 48% to 98%. Well suited to invitations and event branding.

Background: Ivory (#FFFCF3) is the lightest color, so it belongs on large surfaces.
Text: Shadow (#7A8A6C) on #FFFCF3 gives 3.6:1, enough for large headings only.
Primary: Papaya (#FBEFC3) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Oat (#C9D3B5) 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 Butter & 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

#FFFCF3

#FBEFC3

#C9D3B5

#7A8A6C

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

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#FFFCF3` on `#7A8A6C`	Aa	3.6:1	AA large only
`#FBEFC3` on `#7A8A6C`	Aa	3.21:1	AA large only
`#C9D3B5` on `#7A8A6C`	Aa	2.37:1	Fail
`#FFFCF3` on `#C9D3B5`	Aa	1.52:1	Fail
`#FBEFC3` on `#C9D3B5`	Aa	1.35:1	Fail
`#FFFCF3` on `#FBEFC3`	Aa	1.12:1	Fail

Similar palettes 24 more in this mood