What are the hex codes in the Frosted Dusk & Space palette?

The Frosted Dusk & Space color palette consists of Space #382B5C, Dusk #6A5993, Thistle #C8C2E2, Ice #E4E4E4.

How should I use the Frosted Dusk & Space palette on a website?

Use Ice #E4E4E4 as the background, Space #382B5C for text, Thistle #C8C2E2 for buttons and links, and Dusk #6A5993 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Ice at 9.9:1.

Which colors in Frosted Dusk & Space have enough contrast for text?

The highest-contrast pair is #382B5C on #E4E4E4 with a ratio of 9.9:1, which passes WCAG AA for normal text.

#382B5CSpace

#6A5993Dusk

#C8C2E2Thistle

#E4E4E4Ice

Frosted Dusk & Space color palette

Muted Cold Blue

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Space	`#382B5C`	`rgb(56, 43, 92)`	`hsl(256, 36%, 26%)`	`oklch(33.0% 0.084 293)`
Dusk	`#6A5993`	`rgb(106, 89, 147)`	`hsl(258, 25%, 46%)`	`oklch(50.5% 0.092 296)`
Thistle	`#C8C2E2`	`rgb(200, 194, 226)`	`hsl(251, 36%, 82%)`	`oklch(82.9% 0.045 294)`
Ice	`#E4E4E4`	`rgb(228, 228, 228)`	`hsl(0, 0%, 89%)`	`oklch(91.9% 0.000 0)`

Why it works and how to use it

Frosted Dusk & Space is a monochromatic color palette tagged muted, cold, blue. All four colors sit within 7° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.

With 3 chromatic colors, Thistle takes the lead while the rest support. Lightness runs from 26% to 89%. Well suited to websites, presentations and branding.

Background: Ice (#E4E4E4) is the lightest color, so it belongs on large surfaces.
Text: Space (#382B5C) on #E4E4E4 gives 9.9:1, passing WCAG AAA.
Primary: Thistle (#C8C2E2) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dusk (#6A5993) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Ice at 9.9:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Frosted Dusk & Space

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

#382B5C

#6A5993

#C8C2E2

#E4E4E4

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
`#382B5C` on `#E4E4E4`	Aa	9.9:1	AAA
`#382B5C` on `#C8C2E2`	Aa	7.36:1	AAA
`#6A5993` on `#E4E4E4`	Aa	4.77:1	AA
`#6A5993` on `#C8C2E2`	Aa	3.54:1	AA large only
`#382B5C` on `#6A5993`	Aa	2.08:1	Fail
`#C8C2E2` on `#E4E4E4`	Aa	1.35:1	Fail

Similar palettes 24 more in this mood