What are the hex codes in the Bold Dusty Rose & Clay palette?

The Bold Dusty Rose & Clay color palette consists of Walnut #643E38, Clay #B87368, Dusty Rose #EF9B86, Papaya #FFEADA.

How should I use the Bold Dusty Rose & Clay palette on a website?

Use Papaya #FFEADA as the background, Walnut #643E38 for text, Dusty Rose #EF9B86 for buttons and links, and Clay #B87368 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Walnut on Papaya at 7.88:1.

Which colors in Bold Dusty Rose & Clay have enough contrast for text?

The highest-contrast pair is #643E38 on #FFEADA with a ratio of 7.88:1, which passes WCAG AA for normal text.

#643E38Walnut

#B87368Clay

#EF9B86Dusty Rose

#FFEADAPapaya

Bold Dusty Rose & Clay color palette

Gradient Warm Brown Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Walnut	`#643E38`	`rgb(100, 62, 56)`	`hsl(8, 28%, 31%)`	`oklch(40.7% 0.055 29)`
Clay	`#B87368`	`rgb(184, 115, 104)`	`hsl(8, 36%, 56%)`	`oklch(62.7% 0.090 30)`
Dusty Rose	`#EF9B86`	`rgb(239, 155, 134)`	`hsl(12, 77%, 73%)`	`oklch(76.9% 0.106 35)`
Papaya	`#FFEADA`	`rgb(255, 234, 218)`	`hsl(26, 100%, 93%)`	`oklch(95.0% 0.031 60)`

Why it works and how to use it

Bold Dusty Rose & Clay is a monochromatic color palette tagged gradient, warm, brown. A monochromatic set: the same hue family from Walnut down to Papaya. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

With 4 chromatic colors, Dusty Rose takes the lead while the rest support. Lightness runs from 31% to 93%. Well suited to websites, presentations and branding.

Background: Papaya (#FFEADA) is the lightest color, so it belongs on large surfaces.
Text: Walnut (#643E38) on #FFEADA gives 7.88:1, passing WCAG AAA.
Primary: Dusty Rose (#EF9B86) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Clay (#B87368) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Walnut on Papaya at 7.88:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Bold Dusty Rose & Clay

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

#643E38

#B87368

#EF9B86

#FFEADA

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
`#643E38` on `#FFEADA`	Aa	7.88:1	AAA
`#643E38` on `#EF9B86`	Aa	4.24:1	AA large only
`#B87368` on `#FFEADA`	Aa	3.17:1	AA large only
`#643E38` on `#B87368`	Aa	2.49:1	Fail
`#EF9B86` on `#FFEADA`	Aa	1.86:1	Fail
`#B87368` on `#EF9B86`	Aa	1.71:1	Fail

Similar palettes 24 more in this mood