What are the hex codes in the Wheat & Camel Breeze palette?

The Wheat & Camel Breeze color palette consists of Coffee #615132, Camel #B89F66, Wheat #EDD693, Beige #F9F3D9.

How should I use the Wheat & Camel Breeze palette on a website?

Use Beige #F9F3D9 as the background, Coffee #615132 for text, Wheat #EDD693 for buttons and links, and Camel #B89F66 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Coffee on Beige at 6.9:1.

Which colors in Wheat & Camel Breeze have enough contrast for text?

The highest-contrast pair is #615132 on #F9F3D9 with a ratio of 6.9:1, which passes WCAG AA for normal text.

#615132Coffee

#B89F66Camel

#EDD693Wheat

#F9F3D9Beige

Wheat & Camel Breeze color palette

Gradient Muted Warm Earthy Brown Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Coffee	`#615132`	`rgb(97, 81, 50)`	`hsl(40, 32%, 29%)`	`oklch(44.3% 0.051 83)`
Camel	`#B89F66`	`rgb(184, 159, 102)`	`hsl(42, 37%, 56%)`	`oklch(71.2% 0.081 87)`
Wheat	`#EDD693`	`rgb(237, 214, 147)`	`hsl(45, 71%, 75%)`	`oklch(88.0% 0.089 91)`
Beige	`#F9F3D9`	`rgb(249, 243, 217)`	`hsl(49, 73%, 91%)`	`oklch(96.2% 0.035 96)`

Why it works and how to use it

Wheat & Camel Breeze is a monochromatic color palette tagged gradient, muted, warm. 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 4 chromatic colors, Wheat takes the lead while the rest support. Lightness runs from 29% to 91%. Well suited to wellness, organic and outdoor brands.

Background: Beige (#F9F3D9) is the lightest color, so it belongs on large surfaces.
Text: Coffee (#615132) on #F9F3D9 gives 6.9:1, passing WCAG AA.
Primary: Wheat (#EDD693) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Camel (#B89F66) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Coffee on Beige at 6.9:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Wheat & Camel 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

#615132

#B89F66

#EDD693

#F9F3D9

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
`#615132` on `#F9F3D9`	Aa	6.9:1	AA
`#615132` on `#EDD693`	Aa	5.36:1	AA
`#615132` on `#B89F66`	Aa	3:1	AA large only
`#B89F66` on `#F9F3D9`	Aa	2.3:1	Fail
`#B89F66` on `#EDD693`	Aa	1.79:1	Fail
`#EDD693` on `#F9F3D9`	Aa	1.29:1	Fail

Similar palettes 24 more in this mood