What are the hex codes in the Clay & Putty Shore palette?

The Clay & Putty Shore color palette consists of Wine #69383D, Clay #A66A69, Putty #B8C693, Linen #F6EFE6.

How should I use the Clay & Putty Shore palette on a website?

Use Linen #F6EFE6 as the background, Wine #69383D for text, Putty #B8C693 for buttons and links, and Clay #A66A69 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Wine on Linen at 8.24:1.

Which colors in Clay & Putty Shore have enough contrast for text?

The highest-contrast pair is #69383D on #F6EFE6 with a ratio of 8.24:1, which passes WCAG AA for normal text.

#69383DWine

#A66A69Clay

#B8C693Putty

#F6EFE6Linen

Clay & Putty Shore color palette

Muted Warm Brown Beige White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Wine	`#69383D`	`rgb(105, 56, 61)`	`hsl(354, 30%, 32%)`	`oklch(40.4% 0.070 14)`
Clay	`#A66A69`	`rgb(166, 106, 105)`	`hsl(1, 26%, 53%)`	`oklch(58.8% 0.077 21)`
Putty	`#B8C693`	`rgb(184, 198, 147)`	`hsl(76, 31%, 68%)`	`oklch(80.3% 0.070 120)`
Linen	`#F6EFE6`	`rgb(246, 239, 230)`	`hsl(34, 47%, 93%)`	`oklch(95.5% 0.014 74)`

Why it works and how to use it

Clay & Putty Shore is a split color palette tagged muted, warm, brown. The hues span about 82°, 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.

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

Background: Linen (#F6EFE6) is the lightest color, so it belongs on large surfaces.
Text: Wine (#69383D) on #F6EFE6 gives 8.24:1, passing WCAG AAA.
Primary: Putty (#B8C693) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Clay (#A66A69) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Clay & Putty Shore

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

#69383D

#A66A69

#B8C693

#F6EFE6

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
`#69383D` on `#F6EFE6`	Aa	8.24:1	AAA
`#69383D` on `#B8C693`	Aa	5.16:1	AA
`#A66A69` on `#F6EFE6`	Aa	3.77:1	AA large only
`#A66A69` on `#B8C693`	Aa	2.36:1	Fail
`#69383D` on `#A66A69`	Aa	2.19:1	Fail
`#B8C693` on `#F6EFE6`	Aa	1.6:1	Fail

Similar palettes 24 more in this mood