What are the hex codes in the Canyon Copper & Cocoa palette?

The Canyon Copper & Cocoa color palette consists of Camel #C59269, Copper #AC7548, Cocoa #905B33, Sepia #6D4020.

How should I use the Canyon Copper & Cocoa palette on a website?

Use Camel #C59269 as the background, Sepia #6D4020 for text, Cocoa #905B33 for buttons and links, and Copper #AC7548 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Canyon Copper & Cocoa have enough contrast for text?

The highest-contrast pair is #C59269 on #6D4020 with a ratio of 3.2:1, which passes WCAG AA for large text only.

#C59269Camel

#AC7548Copper

#905B33Cocoa

#6D4020Sepia

Canyon Copper & Cocoa color palette

Muted Warm Earthy Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Camel	`#C59269`	`rgb(197, 146, 105)`	`hsl(27, 44%, 59%)`	`oklch(69.9% 0.083 60)`
Copper	`#AC7548`	`rgb(172, 117, 72)`	`hsl(27, 41%, 48%)`	`oklch(61.0% 0.092 59)`
Cocoa	`#905B33`	`rgb(144, 91, 51)`	`hsl(26, 48%, 38%)`	`oklch(52.1% 0.089 56)`
Sepia	`#6D4020`	`rgb(109, 64, 32)`	`hsl(25, 55%, 28%)`	`oklch(41.9% 0.078 54)`

Why it works and how to use it

Canyon Copper & Cocoa is a monochromatic color palette tagged muted, warm, earthy. All four colors sit within 2° 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, Cocoa takes the lead while the rest support. Lightness runs from 28% to 59%. Well suited to wellness, organic and outdoor brands.

Background: Camel (#C59269) is the lightest color, so it belongs on large surfaces.
Text: Sepia (#6D4020) on #C59269 gives 3.2:1, enough for large headings only.
Primary: Cocoa (#905B33) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Copper (#AC7548) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Canyon Copper & Cocoa

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

#C59269

#AC7548

#905B33

#6D4020

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
`#C59269` on `#6D4020`	Aa	3.2:1	AA large only
`#AC7548` on `#6D4020`	Aa	2.24:1	Fail
`#C59269` on `#905B33`	Aa	2.06:1	Fail
`#905B33` on `#6D4020`	Aa	1.55:1	Fail
`#AC7548` on `#905B33`	Aa	1.45:1	Fail
`#C59269` on `#AC7548`	Aa	1.43:1	Fail

Similar palettes 24 more in this mood