What are the hex codes in the Clay Plum & Jet palette?

The Clay Plum & Jet color palette consists of Linen #F5EDE2, Baby Pink #EAC6CC, Plum #9D559C, Jet #442E40.

How should I use the Clay Plum & Jet palette on a website?

Use Linen #F5EDE2 as the background, Jet #442E40 for text, Baby Pink #EAC6CC for buttons and links, and Plum #9D559C for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Jet at 10.58:1.

Which colors in Clay Plum & Jet have enough contrast for text?

The highest-contrast pair is #F5EDE2 on #442E40 with a ratio of 10.58:1, which passes WCAG AA for normal text.

#F5EDE2Linen

#EAC6CCBaby Pink

#9D559CPlum

#442E40Jet

Clay Plum & Jet color palette

Minimal White Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Linen	`#F5EDE2`	`rgb(245, 237, 226)`	`hsl(35, 49%, 92%)`	`oklch(94.9% 0.017 76)`
Baby Pink	`#EAC6CC`	`rgb(234, 198, 204)`	`hsl(350, 46%, 85%)`	`oklch(85.9% 0.041 7)`
Plum	`#9D559C`	`rgb(157, 85, 156)`	`hsl(301, 30%, 47%)`	`oklch(56.0% 0.133 328)`
Jet	`#442E40`	`rgb(68, 46, 64)`	`hsl(311, 19%, 22%)`	`oklch(33.4% 0.043 333)`

Why it works and how to use it

Clay Plum & Jet is a split color palette tagged minimal, white, purple. The hues span about 94°, 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.

It works because the lightness range is wide (22% to 92%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

Background: Linen (#F5EDE2) is the lightest color, so it belongs on large surfaces.
Text: Jet (#442E40) on #F5EDE2 gives 10.58:1, passing WCAG AAA.
Primary: Baby Pink (#EAC6CC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Plum (#9D559C) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Jet at 10.58:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Clay Plum & Jet

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

#F5EDE2

#EAC6CC

#9D559C

#442E40

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
`#F5EDE2` on `#442E40`	Aa	10.58:1	AAA
`#EAC6CC` on `#442E40`	Aa	7.86:1	AAA
`#F5EDE2` on `#9D559C`	Aa	4.29:1	AA large only
`#EAC6CC` on `#9D559C`	Aa	3.19:1	AA large only
`#9D559C` on `#442E40`	Aa	2.46:1	Fail
`#F5EDE2` on `#EAC6CC`	Aa	1.35:1	Fail

Similar palettes 24 more in this mood