What are the hex codes in the Camel & Oat Dream palette?

The Camel & Oat Dream color palette consists of Storm #456A6B, Camel #C38B7B, Oat #E4CFAF, Linen #F2F1E6.

How should I use the Camel & Oat Dream palette on a website?

Use Linen #F2F1E6 as the background, Storm #456A6B for text, Oat #E4CFAF for buttons and links, and Camel #C38B7B for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Storm on Linen at 5.25:1.

Which colors in Camel & Oat Dream have enough contrast for text?

The highest-contrast pair is #456A6B on #F2F1E6 with a ratio of 5.25:1, which passes WCAG AA for normal text.

#456A6BStorm

#C38B7BCamel

#E4CFAFOat

#F2F1E6Linen

Camel & Oat Dream color palette

2026 Trends Muted Gray Beige White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Storm	`#456A6B`	`rgb(69, 106, 107)`	`hsl(182, 22%, 35%)`	`oklch(49.7% 0.042 198)`
Camel	`#C38B7B`	`rgb(195, 139, 123)`	`hsl(13, 37%, 62%)`	`oklch(68.8% 0.073 37)`
Oat	`#E4CFAF`	`rgb(228, 207, 175)`	`hsl(36, 50%, 79%)`	`oklch(86.4% 0.049 78)`
Linen	`#F2F1E6`	`rgb(242, 241, 230)`	`hsl(55, 32%, 93%)`	`oklch(95.6% 0.015 102)`

Why it works and how to use it

Camel & Oat Dream is a complementary color palette tagged 2026 trends, muted, gray. Near-complementary hues (about 169° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Oat takes the lead while the rest support. Lightness runs from 35% to 93%. Well suited to websites, presentations and branding.

Background: Linen (#F2F1E6) is the lightest color, so it belongs on large surfaces.
Text: Storm (#456A6B) on #F2F1E6 gives 5.25:1, passing WCAG AA.
Primary: Oat (#E4CFAF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Camel (#C38B7B) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Camel & Oat Dream

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

#456A6B

#C38B7B

#E4CFAF

#F2F1E6

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
`#456A6B` on `#F2F1E6`	Aa	5.25:1	AA
`#456A6B` on `#E4CFAF`	Aa	3.92:1	AA large only
`#C38B7B` on `#F2F1E6`	Aa	2.53:1	Fail
`#456A6B` on `#C38B7B`	Aa	2.07:1	Fail
`#C38B7B` on `#E4CFAF`	Aa	1.9:1	Fail
`#E4CFAF` on `#F2F1E6`	Aa	1.34:1	Fail

Similar palettes 24 more in this mood