What are the hex codes in the Dusty Olive palette?

The Dusty Olive color palette consists of Fern #6B6F4A, Moss #9C9E74, Oat #D9CFAF, Linen #F3EEE2.

How should I use the Dusty Olive palette on a website?

Use Linen #F3EEE2 as the background, Fern #6B6F4A for text, Oat #D9CFAF for buttons and links, and Moss #9C9E74 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Fern on Linen at 4.54:1.

Which colors in Dusty Olive have enough contrast for text?

The highest-contrast pair is #6B6F4A on #F3EEE2 with a ratio of 4.54:1, which passes WCAG AA for normal text.

#6B6F4AFern

#9C9E74Moss

#D9CFAFOat

#F3EEE2Linen

Dusty Olive color palette

Vintage Muted White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Fern	`#6B6F4A`	`rgb(107, 111, 74)`	`hsl(66, 20%, 36%)`	`oklch(52.8% 0.055 113)`
Moss	`#9C9E74`	`rgb(156, 158, 116)`	`hsl(63, 18%, 54%)`	`oklch(68.7% 0.058 110)`
Oat	`#D9CFAF`	`rgb(217, 207, 175)`	`hsl(46, 36%, 77%)`	`oklch(85.4% 0.044 93)`
Linen	`#F3EEE2`	`rgb(243, 238, 226)`	`hsl(42, 41%, 92%)`	`oklch(95.0% 0.017 88)`

Why it works and how to use it

Dusty Olive is a monochromatic color palette tagged vintage, muted, white. A monochromatic set: the same hue family from Fern down to Linen. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

With 4 chromatic colors, Oat takes the lead while the rest support. Lightness runs from 36% to 92%. Well suited to websites, presentations and branding.

Background: Linen (#F3EEE2) is the lightest color, so it belongs on large surfaces.
Text: Fern (#6B6F4A) on #F3EEE2 gives 4.54:1, passing WCAG AA.
Primary: Oat (#D9CFAF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Moss (#9C9E74) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Dusty Olive

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

#6B6F4A

#9C9E74

#D9CFAF

#F3EEE2

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
`#6B6F4A` on `#F3EEE2`	Aa	4.54:1	AA
`#6B6F4A` on `#D9CFAF`	Aa	3.38:1	AA large only
`#9C9E74` on `#F3EEE2`	Aa	2.4:1	Fail
`#6B6F4A` on `#9C9E74`	Aa	1.89:1	Fail
`#9C9E74` on `#D9CFAF`	Aa	1.79:1	Fail
`#D9CFAF` on `#F3EEE2`	Aa	1.34:1	Fail

Similar palettes 24 more in this mood