What are the hex codes in the Simple Dusk & Dusty Blue palette?

The Simple Dusk & Dusty Blue color palette consists of Dusk #586386, Dusty Blue #8C97BB, Lavender #DCE1F0, Snow #F9FAFD.

How should I use the Simple Dusk & Dusty Blue palette on a website?

Use Snow #F9FAFD as the background, Dusk #586386 for text, Lavender #DCE1F0 for buttons and links, and Dusty Blue #8C97BB for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Dusk on Snow at 5.68:1.

Which colors in Simple Dusk & Dusty Blue have enough contrast for text?

The highest-contrast pair is #586386 on #F9FAFD with a ratio of 5.68:1, which passes WCAG AA for normal text.

#586386Dusk

#8C97BBDusty Blue

#DCE1F0Lavender

#F9FAFDSnow

Simple Dusk & Dusty Blue color palette

Muted Cold Gray White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Dusk	`#586386`	`rgb(88, 99, 134)`	`hsl(226, 21%, 44%)`	`oklch(50.5% 0.058 271)`
Dusty Blue	`#8C97BB`	`rgb(140, 151, 187)`	`hsl(226, 26%, 64%)`	`oklch(68.0% 0.055 272)`
Lavender	`#DCE1F0`	`rgb(220, 225, 240)`	`hsl(225, 40%, 90%)`	`oklch(91.0% 0.021 271)`
Snow	`#F9FAFD`	`rgb(249, 250, 253)`	`hsl(225, 50%, 98%)`	`oklch(98.5% 0.004 271)`

Why it works and how to use it

Simple Dusk & Dusty Blue is a pastel light, monochromatic color palette tagged muted, cold, gray. A monochromatic set: the same hue family from Dusk down to Snow. High lightness and gentle saturation put it firmly in pastel territory. The overall temperature is cool.

With 3 chromatic colors, Lavender takes the lead while the rest support. Lightness runs from 44% to 98%. Well suited to social media templates and gentle interfaces.

Background: Snow (#F9FAFD) is the lightest color, so it belongs on large surfaces.
Text: Dusk (#586386) on #F9FAFD gives 5.68:1, passing WCAG AA.
Primary: Lavender (#DCE1F0) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Dusty Blue (#8C97BB) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Dusk on Snow at 5.68:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Simple Dusk & Dusty Blue

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

#586386

#8C97BB

#DCE1F0

#F9FAFD

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
`#586386` on `#F9FAFD`	Aa	5.68:1	AA
`#586386` on `#DCE1F0`	Aa	4.53:1	AA
`#8C97BB` on `#F9FAFD`	Aa	2.77:1	Fail
`#8C97BB` on `#DCE1F0`	Aa	2.21:1	Fail
`#586386` on `#8C97BB`	Aa	2.05:1	Fail
`#DCE1F0` on `#F9FAFD`	Aa	1.25:1	Fail

Similar palettes 24 more in this mood