What are the hex codes in the Juicy Camel & Plum palette?

The Juicy Camel & Plum color palette consists of Linen #F3F1ED, Gunmetal #2B2B2B, Camel #D88B65, Plum #7F5990.

How should I use the Juicy Camel & Plum palette on a website?

Use Linen #F3F1ED as the background, Gunmetal #2B2B2B for text, Camel #D88B65 for buttons and links, and Plum #7F5990 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Gunmetal at 12.55:1.

Which colors in Juicy Camel & Plum have enough contrast for text?

The highest-contrast pair is #F3F1ED on #2B2B2B with a ratio of 12.55:1, which passes WCAG AA for normal text.

#F3F1EDLinen

#2B2B2BGunmetal

#D88B65Camel

#7F5990Plum

Juicy Camel & Plum color palette

Modern White Gray Brown

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Linen	`#F3F1ED`	`rgb(243, 241, 237)`	`hsl(40, 20%, 94%)`	`oklch(95.9% 0.006 85)`
Gunmetal	`#2B2B2B`	`rgb(43, 43, 43)`	`hsl(0, 0%, 17%)`	`oklch(28.9% 0.000 0)`
Camel	`#D88B65`	`rgb(216, 139, 101)`	`hsl(20, 60%, 62%)`	`oklch(70.7% 0.108 47)`
Plum	`#7F5990`	`rgb(127, 89, 144)`	`hsl(281, 24%, 46%)`	`oklch(52.6% 0.095 315)`

Why it works and how to use it

Juicy Camel & Plum is a split color palette tagged modern, white, gray. The hues span about 119°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

With 3 chromatic colors, Camel takes the lead while the rest support. Lightness runs from 17% to 94%. Well suited to websites, presentations and branding.

Background: Linen (#F3F1ED) is the lightest color, so it belongs on large surfaces.
Text: Gunmetal (#2B2B2B) on #F3F1ED gives 12.55:1, passing WCAG AAA.
Primary: Camel (#D88B65) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Plum (#7F5990) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Gunmetal at 12.55:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Juicy Camel & Plum

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

#F3F1ED

#2B2B2B

#D88B65

#7F5990

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
`#F3F1ED` on `#2B2B2B`	Aa	12.55:1	AAA
`#2B2B2B` on `#D88B65`	Aa	5.26:1	AA
`#F3F1ED` on `#7F5990`	Aa	4.99:1	AA
`#2B2B2B` on `#7F5990`	Aa	2.52:1	Fail
`#F3F1ED` on `#D88B65`	Aa	2.39:1	Fail
`#D88B65` on `#7F5990`	Aa	2.09:1	Fail

Similar palettes 24 more in this mood