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

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

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.

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

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.

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

Bronze & Oat Whisper color palette

Color codes click any value to copy

Why it works and how to use it

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

Design faster with Bronze & Oat Whisper

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood