What are the hex codes in the Canyon Sienna & Espresso palette?

The Canyon Sienna & Espresso color palette consists of Bone #E2DDD6, Khaki #CCB09C, Sienna #9C4924, Espresso #542413.

How should I use the Canyon Sienna & Espresso palette on a website?

Use Bone #E2DDD6 as the background, Espresso #542413 for text, Sienna #9C4924 for buttons and links, and Khaki #CCB09C for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Bone on Espresso at 9.49:1.

Which colors in Canyon Sienna & Espresso have enough contrast for text?

The highest-contrast pair is #E2DDD6 on #542413 with a ratio of 9.49:1, which passes WCAG AA for normal text.

#E2DDD6Bone

#CCB09CKhaki

#9C4924Sienna

#542413Espresso

Canyon Sienna & Espresso color palette

Warm Earthy Gray Beige Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Bone	`#E2DDD6`	`rgb(226, 221, 214)`	`hsl(35, 17%, 86%)`	`oklch(90.0% 0.011 77)`
Khaki	`#CCB09C`	`rgb(204, 176, 156)`	`hsl(25, 32%, 71%)`	`oklch(77.6% 0.043 58)`
Sienna	`#9C4924`	`rgb(156, 73, 36)`	`hsl(18, 63%, 38%)`	`oklch(50.5% 0.122 43)`
Espresso	`#542413`	`rgb(84, 36, 19)`	`hsl(16, 63%, 20%)`	`oklch(32.5% 0.077 40)`

Why it works and how to use it

Canyon Sienna & Espresso is a monochromatic color palette tagged warm, earthy, gray. 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, Sienna takes the lead while the rest support. Lightness runs from 20% to 86%. Well suited to wellness, organic and outdoor brands.

Background: Bone (#E2DDD6) is the lightest color, so it belongs on large surfaces.
Text: Espresso (#542413) on #E2DDD6 gives 9.49:1, passing WCAG AAA.
Primary: Sienna (#9C4924) is the most saturated mid-tone; use it for buttons and links (4.58:1 against the background, fine for UI elements).
Accent: Khaki (#CCB09C) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Bone on Espresso at 9.49:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Canyon Sienna & Espresso

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

#E2DDD6

#CCB09C

#9C4924

#542413

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
`#E2DDD6` on `#542413`	Aa	9.49:1	AAA
`#CCB09C` on `#542413`	Aa	6.26:1	AA
`#E2DDD6` on `#9C4924`	Aa	4.58:1	AA
`#CCB09C` on `#9C4924`	Aa	3.02:1	AA large only
`#9C4924` on `#542413`	Aa	2.07:1	Fail
`#E2DDD6` on `#CCB09C`	Aa	1.52:1	Fail

Similar palettes 24 more in this mood