What are the hex codes in the Grounded Powder Blue & Stone palette?

The Grounded Powder Blue & Stone color palette consists of Cocoa #725F4E, Stone #A9917C, Powder Blue #B3D6EC, Snow #F8FAFB.

How should I use the Grounded Powder Blue & Stone palette on a website?

Use Snow #F8FAFB as the background, Cocoa #725F4E for text, Powder Blue #B3D6EC for buttons and links, and Stone #A9917C for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Cocoa on Snow at 5.79:1.

Which colors in Grounded Powder Blue & Stone have enough contrast for text?

The highest-contrast pair is #725F4E on #F8FAFB with a ratio of 5.79:1, which passes WCAG AA for normal text.

#725F4ECocoa

#A9917CStone

#B3D6ECPowder Blue

#F8FAFBSnow

Grounded Powder Blue & Stone color palette

Muted Earthy Brown Gray White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Cocoa	`#725F4E`	`rgb(114, 95, 78)`	`hsl(28, 19%, 38%)`	`oklch(49.9% 0.036 64)`
Stone	`#A9917C`	`rgb(169, 145, 124)`	`hsl(28, 21%, 57%)`	`oklch(67.3% 0.042 63)`
Powder Blue	`#B3D6EC`	`rgb(179, 214, 236)`	`hsl(203, 60%, 81%)`	`oklch(85.8% 0.048 236)`
Snow	`#F8FAFB`	`rgb(248, 250, 251)`	`hsl(200, 27%, 98%)`	`oklch(98.4% 0.003 229)`

Why it works and how to use it

Grounded Powder Blue & Stone is a complementary color palette tagged muted, earthy, brown. Near-complementary hues (about 175° 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, Powder Blue takes the lead while the rest support. Lightness runs from 38% to 98%. Well suited to wellness, organic and outdoor brands.

Background: Snow (#F8FAFB) is the lightest color, so it belongs on large surfaces.
Text: Cocoa (#725F4E) on #F8FAFB gives 5.79:1, passing WCAG AA.
Primary: Powder Blue (#B3D6EC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Stone (#A9917C) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Cocoa on Snow at 5.79:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Grounded Powder Blue & Stone

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

#725F4E

#A9917C

#B3D6EC

#F8FAFB

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
`#725F4E` on `#F8FAFB`	Aa	5.79:1	AA
`#725F4E` on `#B3D6EC`	Aa	3.97:1	AA large only
`#A9917C` on `#F8FAFB`	Aa	2.85:1	Fail
`#725F4E` on `#A9917C`	Aa	2.03:1	Fail
`#A9917C` on `#B3D6EC`	Aa	1.96:1	Fail
`#B3D6EC` on `#F8FAFB`	Aa	1.46:1	Fail

Similar palettes 24 more in this mood