What are the hex codes in the Orange & Storm Whisper palette?

The Orange & Storm Whisper color palette consists of Raisin #211F23, Storm #646067, Orange #FFA410, Bone #DFDEE0.

How should I use the Orange & Storm Whisper palette on a website?

Use Bone #DFDEE0 as the background, Raisin #211F23 for text, Orange #FFA410 for buttons and links, and Storm #646067 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Bone at 12.19:1.

Which colors in Orange & Storm Whisper have enough contrast for text?

The highest-contrast pair is #211F23 on #DFDEE0 with a ratio of 12.19:1, which passes WCAG AA for normal text.

#211F23Raisin

#646067Storm

#FFA410Orange

#DFDEE0Bone

Orange & Storm Whisper color palette

2026 Trends Modern Dark Minimal Gray Orange

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Orange & Storm Whisper is a neutral-based color palette tagged 2026 trends, modern, dark. Built almost entirely from neutrals, with Orange (#FFA410) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Raisin	`#211F23`	`rgb(33, 31, 35)`	`hsl(270, 6%, 13%)`	`oklch(24.3% 0.008 308)`
Storm	`#646067`	`rgb(100, 96, 103)`	`hsl(274, 4%, 39%)`	`oklch(49.5% 0.012 311)`
Orange	`#FFA410`	`rgb(255, 164, 16)`	`hsl(37, 100%, 53%)`	`oklch(79.1% 0.169 70)`
Bone	`#DFDEE0`	`rgb(223, 222, 224)`	`hsl(270, 3%, 87%)`	`oklch(90.2% 0.003 308)`

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Orange to lead. Lightness runs from 13% to 87%. Well suited to websites, presentations and branding.

Pair	Sample	Ratio	Level
`#211F23` on `#DFDEE0`	Aa	12.19:1	AAA
`#211F23` on `#FFA410`	Aa	8.23:1	AAA
`#646067` on `#DFDEE0`	Aa	4.59:1	AA
`#646067` on `#FFA410`	Aa	3.1:1	AA large only
`#211F23` on `#646067`	Aa	2.65:1	Fail
`#FFA410` on `#DFDEE0`	Aa	1.48:1	Fail

Orange & Storm 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 Orange & Storm Whisper

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood