What are the hex codes in the Coffee Camel & Tan palette?

The Coffee Camel & Tan color palette consists of Tan #C9B491, Camel #B09E76, Shadow #816F54, Licorice #251900.

How should I use the Coffee Camel & Tan palette on a website?

Use Tan #C9B491 as the background, Licorice #251900 for text, Camel #B09E76 for buttons and links, and Shadow #816F54 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Tan on Licorice at 8.56:1.

Which colors in Coffee Camel & Tan have enough contrast for text?

The highest-contrast pair is #C9B491 on #251900 with a ratio of 8.56:1, which passes WCAG AA for normal text.

#C9B491Tan

#B09E76Camel

#816F54Shadow

#251900Licorice

Coffee Camel & Tan color palette

Coffee Muted Warm Minimal Earthy Brown Black

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Tan	`#C9B491`	`rgb(201, 180, 145)`	`hsl(38, 34%, 68%)`	`oklch(77.9% 0.053 80)`
Camel	`#B09E76`	`rgb(176, 158, 118)`	`hsl(41, 27%, 58%)`	`oklch(70.5% 0.059 87)`
Shadow	`#816F54`	`rgb(129, 111, 84)`	`hsl(36, 21%, 42%)`	`oklch(55.2% 0.045 78)`
Licorice	`#251900`	`rgb(37, 25, 0)`	`hsl(41, 100%, 7%)`	`oklch(22.3% 0.046 84)`

Why it works and how to use it

Coffee Camel & Tan is a monochromatic color palette tagged coffee, muted, warm. A monochromatic set: the same hue family from Licorice down to Tan. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

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

Background: Tan (#C9B491) is the lightest color, so it belongs on large surfaces.
Text: Licorice (#251900) on #C9B491 gives 8.56:1, passing WCAG AAA.
Primary: Camel (#B09E76) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Shadow (#816F54) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Tan on Licorice at 8.56:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Coffee Camel & Tan

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

#C9B491

#B09E76

#816F54

#251900

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
`#C9B491` on `#251900`	Aa	8.56:1	AAA
`#B09E76` on `#251900`	Aa	6.57:1	AA
`#816F54` on `#251900`	Aa	3.56:1	AA large only
`#C9B491` on `#816F54`	Aa	2.4:1	Fail
`#B09E76` on `#816F54`	Aa	1.84:1	Fail
`#C9B491` on `#B09E76`	Aa	1.3:1	Fail

Similar palettes 24 more in this mood