What are the hex codes in the Bronze & Oat Whisper palette?

The Bronze & Oat Whisper color palette consists of Storm #266C81, Bronze #D7843C, Oat #DED590, Beige #F4F1DE.

How should I use the Bronze & Oat Whisper palette on a website?

Use Beige #F4F1DE as the background, Storm #266C81 for text, Bronze #D7843C for buttons and links, and Oat #DED590 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Storm on Beige at 5.21:1.

Which colors in Bronze & Oat Whisper have enough contrast for text?

The highest-contrast pair is #266C81 on #F4F1DE with a ratio of 5.21:1, which passes WCAG AA for normal text.

#266C81Storm

#D7843CBronze

#DED590Oat

#F4F1DEBeige

Bronze & Oat Whisper color palette

2026 Trends Gray Brown Beige White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Storm	`#266C81`	`rgb(38, 108, 129)`	`hsl(194, 54%, 33%)`	`oklch(49.7% 0.076 221)`
Bronze	`#D7843C`	`rgb(215, 132, 60)`	`hsl(28, 66%, 54%)`	`oklch(68.8% 0.133 58)`
Oat	`#DED590`	`rgb(222, 213, 144)`	`hsl(53, 54%, 72%)`	`oklch(86.4% 0.089 102)`
Beige	`#F4F1DE`	`rgb(244, 241, 222)`	`hsl(52, 50%, 91%)`	`oklch(95.5% 0.025 100)`

Why it works and how to use it

Bronze & Oat Whisper is a complementary color palette tagged 2026 trends, gray, brown. Storm and Beige sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Bronze takes the lead while the rest support. Lightness runs from 33% to 91%. Well suited to websites, presentations and branding.

Background: Beige (#F4F1DE) is the lightest color, so it belongs on large surfaces.
Text: Storm (#266C81) on #F4F1DE gives 5.21:1, passing WCAG AA.
Primary: Bronze (#D7843C) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Oat (#DED590) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Bronze & Oat Whisper

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

#266C81

#D7843C

#DED590

#F4F1DE

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
`#266C81` on `#F4F1DE`	Aa	5.21:1	AA
`#266C81` on `#DED590`	Aa	3.96:1	AA large only
`#D7843C` on `#F4F1DE`	Aa	2.55:1	Fail
`#266C81` on `#D7843C`	Aa	2.05:1	Fail
`#D7843C` on `#DED590`	Aa	1.93:1	Fail
`#DED590` on `#F4F1DE`	Aa	1.32:1	Fail

Similar palettes 24 more in this mood