What are the hex codes in the Lagoon Powder Blue & Umber palette?

The Lagoon Powder Blue & Umber color palette consists of Umber #53575D, Stone #8D9196, Powder Blue #9ADFE3, Frost #EEEEEE.

How should I use the Lagoon Powder Blue & Umber palette on a website?

Use Frost #EEEEEE as the background, Umber #53575D for text, Powder Blue #9ADFE3 for buttons and links, and Stone #8D9196 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Umber on Frost at 6.26:1.

Which colors in Lagoon Powder Blue & Umber have enough contrast for text?

The highest-contrast pair is #53575D on #EEEEEE with a ratio of 6.26:1, which passes WCAG AA for normal text.

#53575DUmber

#8D9196Stone

#9ADFE3Powder Blue

#EEEEEEFrost

Lagoon Powder Blue & Umber color palette

Tech Modern Gray White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Umber	`#53575D`	`rgb(83, 87, 93)`	`hsl(216, 6%, 35%)`	`oklch(45.5% 0.011 258)`
Stone	`#8D9196`	`rgb(141, 145, 150)`	`hsl(213, 4%, 57%)`	`oklch(65.5% 0.009 254)`
Powder Blue	`#9ADFE3`	`rgb(154, 223, 227)`	`hsl(183, 57%, 75%)`	`oklch(85.9% 0.069 201)`
Frost	`#EEEEEE`	`rgb(238, 238, 238)`	`hsl(0, 0%, 93%)`	`oklch(94.9% 0.000 0)`

Why it works and how to use it

Lagoon Powder Blue & Umber is a muted neutral-based color palette tagged tech, modern, gray. Built almost entirely from neutrals, with Powder Blue (#9ADFE3) as the single point of color. Saturation stays low across the board, giving it a calm, editorial feel.

It works because the lightness range is wide (35% to 93%), which gives clear hierarchy between background, content and accents. Try it for a SaaS landing page or dashboard.

Background: Frost (#EEEEEE) is the lightest color, so it belongs on large surfaces.
Text: Umber (#53575D) on #EEEEEE gives 6.26:1, passing WCAG AA.
Primary: Powder Blue (#9ADFE3) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Stone (#8D9196) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Lagoon Powder Blue & Umber

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

#53575D

#8D9196

#9ADFE3

#EEEEEE

Color-blind check: under protanopia, Powder Blue and Frost become hard to tell apart, so do not rely on that pair alone to carry meaning.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#53575D` on `#EEEEEE`	Aa	6.26:1	AA
`#53575D` on `#9ADFE3`	Aa	4.86:1	AA
`#8D9196` on `#EEEEEE`	Aa	2.73:1	Fail
`#53575D` on `#8D9196`	Aa	2.29:1	Fail
`#8D9196` on `#9ADFE3`	Aa	2.12:1	Fail
`#9ADFE3` on `#EEEEEE`	Aa	1.29:1	Fail

Similar palettes 24 more in this mood