What are the hex codes in the Blush & Sky Blue Shore palette?

The Blush & Sky Blue Shore color palette consists of Obsidian #0C0C0E, Blush #D36A7D, Sky Blue #83CFD6, Frost #DFF3F8.

How should I use the Blush & Sky Blue Shore palette on a website?

Use Frost #DFF3F8 as the background, Obsidian #0C0C0E for text, Blush #D36A7D for buttons and links, and Sky Blue #83CFD6 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Frost at 17.04:1.

Which colors in Blush & Sky Blue Shore have enough contrast for text?

The highest-contrast pair is #0C0C0E on #DFF3F8 with a ratio of 17.04:1, which passes WCAG AA for normal text.

#0C0C0EObsidian

#D36A7DBlush

#83CFD6Sky Blue

#DFF3F8Frost

Blush & Sky Blue Shore color palette

Modern Black Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#0C0C0E`	`rgb(12, 12, 14)`	`hsl(240, 8%, 5%)`	`oklch(15.5% 0.004 286)`
Blush	`#D36A7D`	`rgb(211, 106, 125)`	`hsl(349, 54%, 62%)`	`oklch(65.2% 0.133 10)`
Sky Blue	`#83CFD6`	`rgb(131, 207, 214)`	`hsl(185, 50%, 68%)`	`oklch(80.8% 0.076 203)`
Frost	`#DFF3F8`	`rgb(223, 243, 248)`	`hsl(192, 64%, 92%)`	`oklch(95.1% 0.022 214)`

Why it works and how to use it

Blush & Sky Blue Shore is a complementary color palette tagged modern, black, pink. Near-complementary hues (about 164° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Blush takes the lead while the rest support. Lightness runs from 5% to 92%. Well suited to websites, presentations and branding.

Background: Frost (#DFF3F8) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#0C0C0E) on #DFF3F8 gives 17.04:1, passing WCAG AAA.
Primary: Blush (#D36A7D) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Sky Blue (#83CFD6) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Blush & Sky Blue Shore

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

#0C0C0E

#D36A7D

#83CFD6

#DFF3F8

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
`#0C0C0E` on `#DFF3F8`	Aa	17.04:1	AAA
`#0C0C0E` on `#83CFD6`	Aa	11.04:1	AAA
`#0C0C0E` on `#D36A7D`	Aa	5.7:1	AA
`#D36A7D` on `#DFF3F8`	Aa	2.99:1	Fail
`#D36A7D` on `#83CFD6`	Aa	1.94:1	Fail
`#83CFD6` on `#DFF3F8`	Aa	1.54:1	Fail

Similar palettes 24 more in this mood