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

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

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.

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.

Background: Khaki (#BAB18C) is the lightest color, so it belongs on large surfaces.
Text: Taupe (#433A20) on #BAB18C gives 5.23:1, passing WCAG AA.
Primary: Stone (#A09175) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dove Gray (#6D654F) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Khaki on Taupe at 5.23:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Khaki & Stone Breeze

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

#BAB18C

#A09175

#6D654F

#433A20

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
`#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

Similar palettes 24 more in this mood