What are the hex codes in the Lagoon Peacock & Dusty Blue palette?

The Lagoon Peacock & Dusty Blue color palette consists of Ink #002531, Peacock #006879, Dusty Blue #70B5B3, Fog #CEDBD9.

How should I use the Lagoon Peacock & Dusty Blue palette on a website?

Use Fog #CEDBD9 as the background, Ink #002531 for text, Peacock #006879 for buttons and links, and Dusty Blue #70B5B3 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Fog at 11.28:1.

Which colors in Lagoon Peacock & Dusty Blue have enough contrast for text?

The highest-contrast pair is #002531 on #CEDBD9 with a ratio of 11.28:1, which passes WCAG AA for normal text.

#002531Ink

#006879Peacock

#70B5B3Dusty Blue

#CEDBD9Fog

Lagoon Peacock & Dusty Blue color palette

Dark Muted Cold Teal

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#002531`	`rgb(0, 37, 49)`	`hsl(195, 100%, 10%)`	`oklch(24.6% 0.046 224)`
Peacock	`#006879`	`rgb(0, 104, 121)`	`hsl(188, 100%, 24%)`	`oklch(47.6% 0.084 214)`
Dusty Blue	`#70B5B3`	`rgb(112, 181, 179)`	`hsl(178, 32%, 57%)`	`oklch(72.7% 0.070 193)`
Fog	`#CEDBD9`	`rgb(206, 219, 217)`	`hsl(171, 15%, 83%)`	`oklch(88.1% 0.014 186)`

Why it works and how to use it

Lagoon Peacock & Dusty Blue is a monochromatic color palette tagged dark, muted, cold. All four colors sit within 17° 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, Peacock takes the lead while the rest support. Lightness runs from 10% to 83%. Well suited to websites, presentations and branding.

Background: Fog (#CEDBD9) is the lightest color, so it belongs on large surfaces.
Text: Ink (#002531) on #CEDBD9 gives 11.28:1, passing WCAG AAA.
Primary: Peacock (#006879) is the most saturated mid-tone; use it for buttons and links (4.53:1 against the background, fine for UI elements).
Accent: Dusty Blue (#70B5B3) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Fog at 11.28:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Lagoon Peacock & 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

#002531

#006879

#70B5B3

#CEDBD9

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
`#002531` on `#CEDBD9`	Aa	11.28:1	AAA
`#002531` on `#70B5B3`	Aa	6.84:1	AA
`#006879` on `#CEDBD9`	Aa	4.53:1	AA
`#006879` on `#70B5B3`	Aa	2.75:1	Fail
`#002531` on `#006879`	Aa	2.49:1	Fail
`#70B5B3` on `#CEDBD9`	Aa	1.65:1	Fail

Similar palettes 24 more in this mood