#3E2723
#6D4C41
#A1887F
#EFEBE9
#B185A4Stone
#84637BDove Gray
#614B5CEggplant
#26170FLicorice
Canyon Stone & Dove Gray is a dark, analogous color palette tagged dark, muted, gray. Analogous neighbors on the wheel (Stone, Licorice) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Stone | #B185A4 | rgb(177, 133, 164) | hsl(318, 22%, 61%) | oklch(66.9% 0.068 337) | |
| Dove Gray | #84637B | rgb(132, 99, 123) | hsl(316, 14%, 45%) | oklch(54.1% 0.055 336) | |
| Eggplant | #614B5C | rgb(97, 75, 92) | hsl(314, 13%, 34%) | oklch(44.2% 0.039 334) | |
| Licorice | #26170F | rgb(38, 23, 15) | hsl(21, 43%, 10%) | oklch(22.2% 0.029 49) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Dove Gray to lead. Lightness runs from 10% to 61%. Well suited to dark-mode interfaces and gaming.
- Background: Stone (#B185A4) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#26170F) on #B185A4 gives 5.58:1, passing WCAG AA.
- Primary: Dove Gray (#84637B) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Eggplant (#614B5C) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Stone on Licorice at 5.58:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Canyon Stone & Dove Gray
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
#B185A4
#84637B
#614B5C
#26170F
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#B185A4 on #26170F | Aa | 5.58:1 | AA |
#84637B on #26170F | Aa | 3.34:1 | AA large only |
#B185A4 on #614B5C | Aa | 2.53:1 | Fail |
#614B5C on #26170F | Aa | 2.2:1 | Fail |
#B185A4 on #84637B | Aa | 1.67:1 | Fail |
#84637B on #614B5C | Aa | 1.52:1 | Fail |
Similar palettes 24 more in this mood
#211525
#634665
#886B91
#E0E1DD
#121128
#464A64
#837581
#D4CBC6
#0D1321
#34465E
#748CAB
#F0EBD8
#271707
#684B29
#AB8D63
#D3C9B9
#342037
#725071
#A17698
#F0EAF0
#3C1D1A
#84524E
#AB6E6A
#E2D9CE
#1E1410
#5B4235
#A57C5B
#E8DCCF
#020B25
#27446D
#C2AE91
#E3E0DB
#0D1F22
#2A5B76
#6DA274
#B4C5A0
#2E1F1A
#725548
#A67B5B
#F0E6DA
#2B1919
#704744
#DAA29F
#E1DAD8
#152218
#465F3E
#9DAA8E
#DDDBD4
#1E3033
#456578
#98BD9B
#F4FFE6
#F5FBF9
#D4E3DE
#374B00
#0A1100
#2A1A12
#704E3C
#9C6B48
#E7D4C1
#EBDED9
#846C60
#634531
#1B140B
#F0F6FF
#A7C9FA
#6C5A3F
#262320
#F3EBDD
#DCCFB8
#436449
#1C2A20
#D3E7F1
#7996A6
#00515E
#01151A
#DEF5F9
#7798AC
#37583B
#171F0C
#FFE5E1
#A98579
#664F47
#302D2C
#EAEAEA
#C6CBD0
#213F62
#010A18
#1C1310
#5D473C
#8A6A55
#EADFD3