What are the hex codes in the Mulberry & Dusk Dream palette?

The Mulberry & Dusk Dream color palette consists of Dusk #1F4E79, Mulberry #B76885, Powder Blue #A9D6E5, Frost #EAF6FB.

How should I use the Mulberry & Dusk Dream palette on a website?

Use Frost #EAF6FB as the background, Dusk #1F4E79 for text, Powder Blue #A9D6E5 for buttons and links, and Mulberry #B76885 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Dusk on Frost at 7.87:1.

Which colors in Mulberry & Dusk Dream have enough contrast for text?

The highest-contrast pair is #1F4E79 on #EAF6FB with a ratio of 7.87:1, which passes WCAG AA for normal text.

#1F4E79Dusk

#B76885Mulberry

#A9D6E5Powder Blue

#EAF6FBFrost

Mulberry & Dusk Dream color palette

Modern Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Dusk	`#1F4E79`	`rgb(31, 78, 121)`	`hsl(209, 59%, 30%)`	`oklch(41.4% 0.088 249)`
Mulberry	`#B76885`	`rgb(183, 104, 133)`	`hsl(338, 35%, 56%)`	`oklch(61.4% 0.106 357)`
Powder Blue	`#A9D6E5`	`rgb(169, 214, 229)`	`hsl(195, 54%, 78%)`	`oklch(84.9% 0.051 220)`
Frost	`#EAF6FB`	`rgb(234, 246, 251)`	`hsl(198, 68%, 95%)`	`oklch(96.6% 0.014 224)`

Why it works and how to use it

Mulberry & Dusk Dream is a complementary color palette tagged modern, pink, white. Dusk and Powder Blue 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 3 chromatic colors, Powder Blue takes the lead while the rest support. Lightness runs from 30% to 95%. Well suited to websites, presentations and branding.

Background: Frost (#EAF6FB) is the lightest color, so it belongs on large surfaces.
Text: Dusk (#1F4E79) on #EAF6FB gives 7.87:1, passing WCAG AAA.
Primary: Powder Blue (#A9D6E5) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Mulberry (#B76885) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Mulberry & Dusk Dream

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

#1F4E79

#B76885

#A9D6E5

#EAF6FB

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
`#1F4E79` on `#EAF6FB`	Aa	7.87:1	AAA
`#1F4E79` on `#A9D6E5`	Aa	5.54:1	AA
`#B76885` on `#EAF6FB`	Aa	3.58:1	AA large only
`#B76885` on `#A9D6E5`	Aa	2.52:1	Fail
`#1F4E79` on `#B76885`	Aa	2.2:1	Fail
`#A9D6E5` on `#EAF6FB`	Aa	1.42:1	Fail

Similar palettes 24 more in this mood