What are the hex codes in the Stone & Fern Field palette?

The Stone & Fern Field color palette consists of Fern #5F6B3B, Stone #B07FAD, Putty #D6C9A8, Linen #F5F0E6.

How should I use the Stone & Fern Field palette on a website?

Use Linen #F5F0E6 as the background, Fern #5F6B3B for text, Putty #D6C9A8 for buttons and links, and Stone #B07FAD for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Fern on Linen at 5.06:1.

Which colors in Stone & Fern Field have enough contrast for text?

The highest-contrast pair is #5F6B3B on #F5F0E6 with a ratio of 5.06:1, which passes WCAG AA for normal text.

#5F6B3BFern

#B07FADStone

#D6C9A8Putty

#F5F0E6Linen

Stone & Fern Field color palette

Muted White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Fern	`#5F6B3B`	`rgb(95, 107, 59)`	`hsl(75, 29%, 33%)`	`oklch(50.5% 0.071 120)`
Stone	`#B07FAD`	`rgb(176, 127, 173)`	`hsl(304, 24%, 59%)`	`oklch(66.0% 0.087 329)`
Putty	`#D6C9A8`	`rgb(214, 201, 168)`	`hsl(43, 36%, 75%)`	`oklch(83.8% 0.047 89)`
Linen	`#F5F0E6`	`rgb(245, 240, 230)`	`hsl(40, 43%, 93%)`	`oklch(95.6% 0.014 85)`

Why it works and how to use it

Stone & Fern Field is a complementary color palette tagged muted, white. Fern and Linen sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

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

Background: Linen (#F5F0E6) is the lightest color, so it belongs on large surfaces.
Text: Fern (#5F6B3B) on #F5F0E6 gives 5.06:1, passing WCAG AA.
Primary: Putty (#D6C9A8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Stone (#B07FAD) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Stone & Fern Field

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

#5F6B3B

#B07FAD

#D6C9A8

#F5F0E6

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
`#5F6B3B` on `#F5F0E6`	Aa	5.06:1	AA
`#5F6B3B` on `#D6C9A8`	Aa	3.5:1	AA large only
`#B07FAD` on `#F5F0E6`	Aa	2.85:1	Fail
`#B07FAD` on `#D6C9A8`	Aa	1.97:1	Fail
`#5F6B3B` on `#B07FAD`	Aa	1.78:1	Fail
`#D6C9A8` on `#F5F0E6`	Aa	1.45:1	Fail

Similar palettes 24 more in this mood