What are the hex codes in the Khaki & Stone Breeze palette?

The Khaki & Stone Breeze color palette consists of Khaki #BAB18C, Stone #A09175, Dove Gray #6D654F, Taupe #433A20.

How should I use the Khaki & Stone Breeze palette on a website?

Use Khaki #BAB18C as the background, Taupe #433A20 for text, Stone #A09175 for buttons and links, and Dove Gray #6D654F for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Khaki on Taupe at 5.23:1.

Which colors in Khaki & Stone Breeze have enough contrast for text?

The highest-contrast pair is #BAB18C on #433A20 with a ratio of 5.23:1, which passes WCAG AA for normal text.

#BAB18CKhaki

#A09175Stone

#6D654FDove Gray

#433A20Taupe

Khaki & Stone Breeze color palette

Earthy Muted Beige Gray

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Khaki & Stone Breeze is a monochromatic color palette tagged earthy, muted, beige. All four colors sit within 9° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Khaki	`#BAB18C`	`rgb(186, 177, 140)`	`hsl(48, 25%, 64%)`	`oklch(75.8% 0.051 96)`
Stone	`#A09175`	`rgb(160, 145, 117)`	`hsl(39, 18%, 54%)`	`oklch(66.2% 0.043 83)`
Dove Gray	`#6D654F`	`rgb(109, 101, 79)`	`hsl(44, 16%, 37%)`	`oklch(50.8% 0.035 90)`
Taupe	`#433A20`	`rgb(67, 58, 32)`	`hsl(45, 35%, 19%)`	`oklch(35.1% 0.042 91)`

Why it works and how to use it

With 3 chromatic colors, Stone takes the lead while the rest support. Lightness runs from 19% to 64%. Well suited to wellness, organic and outdoor brands.

Pair	Sample	Ratio	Level
`#BAB18C` on `#433A20`	Aa	5.23:1	AA
`#A09175` on `#433A20`	Aa	3.65:1	AA large only
`#BAB18C` on `#6D654F`	Aa	2.69:1	Fail
`#6D654F` on `#433A20`	Aa	1.94:1	Fail
`#A09175` on `#6D654F`	Aa	1.88:1	Fail
`#BAB18C` on `#A09175`	Aa	1.43:1	Fail

Khaki & Stone Breeze 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 Khaki & Stone Breeze

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood