What are the hex codes in the Mustard Wedding palette?

The Mustard Wedding color palette consists of Caramel #C99A2E, Saffron #E6C77A, Dove Gray #6B6B4E, Linen #F7F3EA.

How should I use the Mustard Wedding palette on a website?

Use Linen #F7F3EA as the background, Dove Gray #6B6B4E for text, Saffron #E6C77A for buttons and links, and Caramel #C99A2E for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Dove Gray on Linen at 4.94:1.

Which colors in Mustard Wedding have enough contrast for text?

The highest-contrast pair is #6B6B4E on #F7F3EA with a ratio of 4.94:1, which passes WCAG AA for normal text.

#C99A2ECaramel

#E6C77ASaffron

#6B6B4EDove Gray

#F7F3EALinen

Mustard Wedding color palette

Autumn Warm Brown Beige Gray White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Caramel	`#C99A2E`	`rgb(201, 154, 46)`	`hsl(42, 63%, 48%)`	`oklch(71.2% 0.131 84)`
Saffron	`#E6C77A`	`rgb(230, 199, 122)`	`hsl(43, 68%, 69%)`	`oklch(84.0% 0.102 88)`
Dove Gray	`#6B6B4E`	`rgb(107, 107, 78)`	`hsl(60, 16%, 36%)`	`oklch(52.0% 0.043 108)`
Linen	`#F7F3EA`	`rgb(247, 243, 234)`	`hsl(42, 45%, 94%)`	`oklch(96.5% 0.013 87)`

Why it works and how to use it

Mustard Wedding is a monochromatic color palette tagged autumn, warm, brown. A monochromatic set: the same hue family from Dove Gray down to Linen. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

With 3 chromatic colors, Saffron takes the lead while the rest support. Lightness runs from 36% to 94%. Well suited to websites, presentations and branding.

Background: Linen (#F7F3EA) is the lightest color, so it belongs on large surfaces.
Text: Dove Gray (#6B6B4E) on #F7F3EA gives 4.94:1, passing WCAG AA.
Primary: Saffron (#E6C77A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Caramel (#C99A2E) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Dove Gray on Linen at 4.94:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Mustard 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

#C99A2E

#E6C77A

#6B6B4E

#F7F3EA

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
`#6B6B4E` on `#F7F3EA`	Aa	4.94:1	AA
`#E6C77A` on `#6B6B4E`	Aa	3.34:1	AA large only
`#C99A2E` on `#F7F3EA`	Aa	2.33:1	Fail
`#C99A2E` on `#6B6B4E`	Aa	2.12:1	Fail
`#C99A2E` on `#E6C77A`	Aa	1.57:1	Fail
`#E6C77A` on `#F7F3EA`	Aa	1.48:1	Fail

Similar palettes 24 more in this mood