What are the hex codes in the Ivory & Greenery Wedding palette?

The Ivory & Greenery Wedding color palette consists of White #FFFEF9, Pearl #DCE5D3, Moss #7E9C78, Iron #35483A.

How should I use the Ivory & Greenery Wedding palette on a website?

Use White #FFFEF9 as the background, Iron #35483A for text, Pearl #DCE5D3 for buttons and links, and Moss #7E9C78 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Iron at 9.72:1.

Which colors in Ivory & Greenery Wedding have enough contrast for text?

The highest-contrast pair is #FFFEF9 on #35483A with a ratio of 9.72:1, which passes WCAG AA for normal text.

#FFFEF9White

#DCE5D3Pearl

#7E9C78Moss

#35483AIron

Ivory & Greenery Wedding color palette

Wedding Muted Minimal White Gray

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
White	`#FFFEF9`	`rgb(255, 254, 249)`	`hsl(50, 100%, 99%)`	`oklch(99.6% 0.007 97)`
Pearl	`#DCE5D3`	`rgb(220, 229, 211)`	`hsl(90, 26%, 86%)`	`oklch(91.0% 0.026 129)`
Moss	`#7E9C78`	`rgb(126, 156, 120)`	`hsl(110, 15%, 54%)`	`oklch(66.0% 0.062 140)`
Iron	`#35483A`	`rgb(53, 72, 58)`	`hsl(136, 15%, 25%)`	`oklch(38.1% 0.034 153)`

Why it works and how to use it

Ivory & Greenery Wedding is a neutral-based color palette tagged wedding, muted, minimal. White is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts.

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

Background: White (#FFFEF9) is the lightest color, so it belongs on large surfaces.
Text: Iron (#35483A) on #FFFEF9 gives 9.72:1, passing WCAG AAA.
Primary: Pearl (#DCE5D3) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Moss (#7E9C78) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Iron at 9.72:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Ivory & Greenery 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

#FFFEF9

#DCE5D3

#7E9C78

#35483A

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
`#FFFEF9` on `#35483A`	Aa	9.72:1	AAA
`#DCE5D3` on `#35483A`	Aa	7.57:1	AAA
`#7E9C78` on `#35483A`	Aa	3.23:1	AA large only
`#FFFEF9` on `#7E9C78`	Aa	3.01:1	AA large only
`#DCE5D3` on `#7E9C78`	Aa	2.34:1	Fail
`#FFFEF9` on `#DCE5D3`	Aa	1.28:1	Fail

Similar palettes 24 more in this mood