What are the hex codes in the Cabin Fever palette?

The Cabin Fever color palette consists of Jet #3F2E1E, Cocoa #7C5E3C, Latte #C8A97E, Eggshell #F1E7D6.

How should I use the Cabin Fever palette on a website?

Use Eggshell #F1E7D6 as the background, Jet #3F2E1E for text, Latte #C8A97E for buttons and links, and Cocoa #7C5E3C for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Jet on Eggshell at 10.58:1.

Which colors in Cabin Fever have enough contrast for text?

The highest-contrast pair is #3F2E1E on #F1E7D6 with a ratio of 10.58:1, which passes WCAG AA for normal text.

#3F2E1EJet

#7C5E3CCocoa

#C8A97ELatte

#F1E7D6Eggshell

Cabin Fever color palette

Coffee Muted Warm Earthy Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Jet	`#3F2E1E`	`rgb(63, 46, 30)`	`hsl(29, 35%, 18%)`	`oklch(31.6% 0.036 64)`
Cocoa	`#7C5E3C`	`rgb(124, 94, 60)`	`hsl(32, 35%, 36%)`	`oklch(50.4% 0.063 69)`
Latte	`#C8A97E`	`rgb(200, 169, 126)`	`hsl(35, 40%, 64%)`	`oklch(75.2% 0.068 75)`
Eggshell	`#F1E7D6`	`rgb(241, 231, 214)`	`hsl(38, 49%, 89%)`	`oklch(93.1% 0.025 81)`

Why it works and how to use it

Cabin Fever is a monochromatic color palette tagged coffee, 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, Latte takes the lead while the rest support. Lightness runs from 18% to 89%. Well suited to wellness, organic and outdoor brands.

Background: Eggshell (#F1E7D6) is the lightest color, so it belongs on large surfaces.
Text: Jet (#3F2E1E) on #F1E7D6 gives 10.58:1, passing WCAG AAA.
Primary: Latte (#C8A97E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Cocoa (#7C5E3C) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Jet on Eggshell at 10.58:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Cabin Fever

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

#3F2E1E

#7C5E3C

#C8A97E

#F1E7D6

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
`#3F2E1E` on `#F1E7D6`	Aa	10.58:1	AAA
`#3F2E1E` on `#C8A97E`	Aa	5.82:1	AA
`#7C5E3C` on `#F1E7D6`	Aa	4.87:1	AA
`#7C5E3C` on `#C8A97E`	Aa	2.68:1	Fail
`#3F2E1E` on `#7C5E3C`	Aa	2.17:1	Fail
`#C8A97E` on `#F1E7D6`	Aa	1.82:1	Fail

Similar palettes 24 more in this mood