What are the hex codes in the Royal Blueberry & Baby Blue palette?

The Royal Blueberry & Baby Blue color palette consists of Frost #EEF4FF, Baby Blue #9CBDFF, Blueberry #4C7DFF, Dusk #3B5486.

How should I use the Royal Blueberry & Baby Blue palette on a website?

Use Frost #EEF4FF as the background, Dusk #3B5486 for text, Baby Blue #9CBDFF for buttons and links, and Blueberry #4C7DFF for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Frost on Dusk at 6.8:1.

Which colors in Royal Blueberry & Baby Blue have enough contrast for text?

The highest-contrast pair is #EEF4FF on #3B5486 with a ratio of 6.8:1, which passes WCAG AA for normal text.

#EEF4FFFrost

#9CBDFFBaby Blue

#4C7DFFBlueberry

#3B5486Dusk

Royal Blueberry & Baby Blue color palette

Modern Cold White Blue

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Frost	`#EEF4FF`	`rgb(238, 244, 255)`	`hsl(219, 100%, 97%)`	`oklch(96.6% 0.016 263)`
Baby Blue	`#9CBDFF`	`rgb(156, 189, 255)`	`hsl(220, 100%, 81%)`	`oklch(79.9% 0.101 264)`
Blueberry	`#4C7DFF`	`rgb(76, 125, 255)`	`hsl(224, 100%, 65%)`	`oklch(62.6% 0.201 265)`
Dusk	`#3B5486`	`rgb(59, 84, 134)`	`hsl(220, 39%, 38%)`	`oklch(45.0% 0.088 263)`

Why it works and how to use it

Royal Blueberry & Baby Blue is a vivid monochromatic color palette tagged modern, cold, white. All four colors sit within 4° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them. The overall temperature is cool.

With 3 chromatic colors, Baby Blue takes the lead while the rest support. Lightness runs from 38% to 97%. Well suited to websites, presentations and branding.

Background: Frost (#EEF4FF) is the lightest color, so it belongs on large surfaces.
Text: Dusk (#3B5486) on #EEF4FF gives 6.8:1, passing WCAG AA.
Primary: Baby Blue (#9CBDFF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Blueberry (#4C7DFF) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Royal Blueberry & Baby 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

#EEF4FF

#9CBDFF

#4C7DFF

#3B5486

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
`#EEF4FF` on `#3B5486`	Aa	6.8:1	AA
`#9CBDFF` on `#3B5486`	Aa	3.98:1	AA large only
`#EEF4FF` on `#4C7DFF`	Aa	3.35:1	AA large only
`#4C7DFF` on `#3B5486`	Aa	2.03:1	Fail
`#9CBDFF` on `#4C7DFF`	Aa	1.96:1	Fail
`#EEF4FF` on `#9CBDFF`	Aa	1.71:1	Fail

Similar palettes 24 more in this mood