What are the hex codes in the Champagne Eggplant & Raisin palette?

The Champagne Eggplant & Raisin color palette consists of Fog #DDD7D3, Putty #C9B8A9, Eggplant #6E3F58, Raisin #391E34.

How should I use the Champagne Eggplant & Raisin palette on a website?

Use Fog #DDD7D3 as the background, Raisin #391E34 for text, Eggplant #6E3F58 for buttons and links, and Putty #C9B8A9 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Fog on Raisin at 10.46:1.

Which colors in Champagne Eggplant & Raisin have enough contrast for text?

The highest-contrast pair is #DDD7D3 on #391E34 with a ratio of 10.46:1, which passes WCAG AA for normal text.

#DDD7D3Fog

#C9B8A9Putty

#6E3F58Eggplant

#391E34Raisin

Champagne Eggplant & Raisin color palette

Dark Muted Minimal Gray

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Fog	`#DDD7D3`	`rgb(221, 215, 211)`	`hsl(24, 13%, 85%)`	`oklch(88.3% 0.009 56)`
Putty	`#C9B8A9`	`rgb(201, 184, 169)`	`hsl(28, 23%, 73%)`	`oklch(79.3% 0.028 64)`
Eggplant	`#6E3F58`	`rgb(110, 63, 88)`	`hsl(328, 27%, 34%)`	`oklch(43.3% 0.074 347)`
Raisin	`#391E34`	`rgb(57, 30, 52)`	`hsl(311, 31%, 17%)`	`oklch(28.0% 0.055 334)`

Why it works and how to use it

Champagne Eggplant & Raisin is a split color palette tagged dark, muted, minimal. The hues span about 77°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (85% down to 17% lightness). A natural fit for websites, presentations and branding.

Background: Fog (#DDD7D3) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#391E34) on #DDD7D3 gives 10.46:1, passing WCAG AAA.
Primary: Eggplant (#6E3F58) is the most saturated mid-tone; use it for buttons and links (5.86:1 against the background, fine for UI elements).
Accent: Putty (#C9B8A9) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Fog on Raisin at 10.46:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Champagne Eggplant & Raisin

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

#DDD7D3

#C9B8A9

#6E3F58

#391E34

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
`#DDD7D3` on `#391E34`	Aa	10.46:1	AAA
`#C9B8A9` on `#391E34`	Aa	7.74:1	AAA
`#DDD7D3` on `#6E3F58`	Aa	5.86:1	AA
`#C9B8A9` on `#6E3F58`	Aa	4.34:1	AA large only
`#6E3F58` on `#391E34`	Aa	1.78:1	Fail
`#DDD7D3` on `#C9B8A9`	Aa	1.35:1	Fail

Similar palettes 24 more in this mood