What are the hex codes in the Minimal Fern & Ash palette?

The Minimal Fern & Ash color palette consists of Gunmetal #243930, Fern #648460, Ash #ADBA9F, Fog #D8D7D0.

How should I use the Minimal Fern & Ash palette on a website?

Use Fog #D8D7D0 as the background, Gunmetal #243930 for text, Fern #648460 for buttons and links, and Ash #ADBA9F for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Fog at 8.54:1.

Which colors in Minimal Fern & Ash have enough contrast for text?

The highest-contrast pair is #243930 on #D8D7D0 with a ratio of 8.54:1, which passes WCAG AA for normal text.

#243930Gunmetal

#648460Fern

#ADBA9FAsh

#D8D7D0Fog

Minimal Fern & Ash color palette

Muted Minimal Gray

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Minimal Fern & Ash is a muted neutral-based color palette tagged muted, minimal, gray. Gunmetal is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Gunmetal	`#243930`	`rgb(36, 57, 48)`	`hsl(154, 23%, 18%)`	`oklch(32.4% 0.031 166)`
Fern	`#648460`	`rgb(100, 132, 96)`	`hsl(113, 16%, 45%)`	`oklch(57.9% 0.065 142)`
Ash	`#ADBA9F`	`rgb(173, 186, 159)`	`hsl(89, 16%, 68%)`	`oklch(77.1% 0.040 128)`
Fog	`#D8D7D0`	`rgb(216, 215, 208)`	`hsl(53, 9%, 83%)`	`oklch(87.8% 0.010 100)`

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (83% down to 18% lightness). A natural fit for websites, presentations and branding.

Pair	Sample	Ratio	Level
`#243930` on `#D8D7D0`	Aa	8.54:1	AAA
`#243930` on `#ADBA9F`	Aa	6.05:1	AA
`#243930` on `#648460`	Aa	2.94:1	Fail
`#648460` on `#D8D7D0`	Aa	2.9:1	Fail
`#648460` on `#ADBA9F`	Aa	2.06:1	Fail
`#ADBA9F` on `#D8D7D0`	Aa	1.41:1	Fail

Minimal Fern & Ash color palette

Color codes click any value to copy

Why it works and how to use it

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

Design faster with Minimal Fern & Ash

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood