#A47864
#C9A58B
#E8D9CB
#F7F3EE
#725F4ECocoa
#A9917CStone
#B3D6ECPowder Blue
#F8FAFBSnow
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.
Color codes click any value to copy
| Swatch | 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
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 SecondaryCard title
Card title
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.
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
#3E2723
#6D4C41
#A1887F
#EFEBE9
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#FBF7F0
#EADFCD
#C9B79C
#7A6A55
#BBA77C
#CFC2A5
#898A78
#F0EEE6
#875543
#B7876F
#E9DECF
#F9F6F2
#42322D
#896B5E
#C39675
#FFF9F2
#FFE5E1
#A98579
#664F47
#302D2C
#42352D
#7D6452
#DFBF88
#FCF8F2
#36301F
#7F704C
#D1BB86
#FBF6E6
#322825
#786155
#A4836D
#FFF9F3
#302521
#72584A
#C49A78
#FFF9F3
#B08968
#DDB892
#E6CCB2
#FFF6EA
#7F5539
#B08968
#DDB892
#EDE0D4
#7D6E5D
#B9A990
#E7DFD3
#F9F7F3
#4B3832
#854442
#BE9B7B
#FFF4E6
#A68A64
#C2B280
#E6DCC3
#FAF7F0
#8A4A3C
#C98C7A
#E9C7B0
#F6EFE8
#5B3F2E
#8B6A4E
#D9C2A0
#F6EFE3
#C4A484
#E6D3B3
#A98467
#F7F1E8
#8C6A5D
#C6A48E
#E9D8C0
#5C7A6B
#7A5C4A
#B08F73
#E3CDB0
#F8F1E6
#9E6B73
#C99CA2
#E9D5D3
#F7F2EF
#924A43
#5C6049
#D5D2BF
#F5F3ED