What are the hex codes in the Forest Floor palette?

The Forest Floor color palette consists of Evergreen #1A4D2E, Fern #4F6F52, Pearl #E8DFCA, Linen #F5EFE6.

How should I use the Forest Floor palette on a website?

Use Linen #F5EFE6 as the background, Evergreen #1A4D2E for text, Pearl #E8DFCA for buttons and links, and Fern #4F6F52 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Evergreen on Linen at 8.57:1.

Which colors in Forest Floor have enough contrast for text?

The highest-contrast pair is #1A4D2E on #F5EFE6 with a ratio of 8.57:1, which passes WCAG AA for normal text.

#1A4D2EEvergreen

#4F6F52Fern

#E8DFCAPearl

#F5EFE6Linen

Forest Floor color palette

Muted Minimal White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Evergreen	`#1A4D2E`	`rgb(26, 77, 46)`	`hsl(144, 50%, 20%)`	`oklch(37.7% 0.076 154)`
Fern	`#4F6F52`	`rgb(79, 111, 82)`	`hsl(126, 17%, 37%)`	`oklch(50.8% 0.059 147)`
Pearl	`#E8DFCA`	`rgb(232, 223, 202)`	`hsl(42, 39%, 85%)`	`oklch(90.5% 0.030 88)`
Linen	`#F5EFE6`	`rgb(245, 239, 230)`	`hsl(36, 43%, 93%)`	`oklch(95.4% 0.014 78)`

Why it works and how to use it

Forest Floor is a split color palette tagged muted, minimal, white. The hues span about 108°, 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 3 chromatic colors, Pearl takes the lead while the rest support. Lightness runs from 20% to 93%. Well suited to websites, presentations and branding.

Background: Linen (#F5EFE6) is the lightest color, so it belongs on large surfaces.
Text: Evergreen (#1A4D2E) on #F5EFE6 gives 8.57:1, passing WCAG AAA.
Primary: Pearl (#E8DFCA) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Fern (#4F6F52) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Forest Floor

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

#1A4D2E

#4F6F52

#E8DFCA

#F5EFE6

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
`#1A4D2E` on `#F5EFE6`	Aa	8.57:1	AAA
`#1A4D2E` on `#E8DFCA`	Aa	7.38:1	AAA
`#4F6F52` on `#F5EFE6`	Aa	4.93:1	AA
`#4F6F52` on `#E8DFCA`	Aa	4.25:1	AA large only
`#1A4D2E` on `#4F6F52`	Aa	1.74:1	Fail
`#E8DFCA` on `#F5EFE6`	Aa	1.16:1	Fail

Similar palettes 24 more in this mood