#A88977
#F9DACC
#B9A499
#5A4E48
#E5C6B9Baby Pink
#B89F95Dust
#94827CMocha
#504640Graphite
Canyon Baby Pink & Dust is a muted monochromatic color palette tagged skin, muted, beige. A monochromatic set: the same hue family from Graphite down to Baby Pink. Saturation stays low across the board, giving it a calm, editorial feel. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Baby Pink | #E5C6B9 | rgb(229, 198, 185) | hsl(18, 46%, 81%) | oklch(84.9% 0.040 44) | |
| Dust | #B89F95 | rgb(184, 159, 149) | hsl(17, 20%, 65%) | oklch(72.2% 0.033 43) | |
| Mocha | #94827C | rgb(148, 130, 124) | hsl(15, 10%, 53%) | oklch(62.1% 0.024 39) | |
| Graphite | #504640 | rgb(80, 70, 64) | hsl(23, 11%, 28%) | oklch(40.2% 0.017 53) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Dust to lead. Lightness runs from 28% to 81%. Well suited to websites, presentations and branding.
- Background: Baby Pink (#E5C6B9) is the lightest color, so it belongs on large surfaces.
- Text: Graphite (#504640) on #E5C6B9 gives 5.72:1, passing WCAG AA.
- Primary: Dust (#B89F95) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Mocha (#94827C) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Baby Pink on Graphite at 5.72:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Canyon Baby Pink & Dust
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
#E5C6B9
#B89F95
#94827C
#504640
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E5C6B9 on #504640 | Aa | 5.72:1 | AA |
#B89F95 on #504640 | Aa | 3.68:1 | AA large only |
#94827C on #504640 | Aa | 2.51:1 | Fail |
#E5C6B9 on #94827C | Aa | 2.28:1 | Fail |
#E5C6B9 on #B89F95 | Aa | 1.55:1 | Fail |
#B89F95 on #94827C | Aa | 1.47:1 | Fail |
Similar palettes 24 more in this mood
#D9A691
#A17A6A
#785D54
#3E2E25
#916043
#ECBBA4
#A88774
#443128
#B08968
#DDB892
#E6CCB2
#FFF6EA
#7F5539
#B08968
#DDB892
#EDE0D4
#CBAD73
#B59453
#9C7A3E
#80612F
#6B4936
#6D6541
#869884
#ADD7D2
#B2DFD2
#859577
#776A4C
#41271C
#FDE7D9
#F5D0B8
#E8B598
#C68F6D
#E7D6BE
#D1BA9D
#B3977A
#8B7159
#FFEFE1
#F9C196
#DBA076
#BE8865
#E1BC94
#CBA476
#AC8660
#7D5E43
#F9E2CA
#DEC6AA
#BCA58E
#968373
#E4D9A7
#CFBE7D
#B49A54
#8D7335
#F1C9A5
#E0A97F
#C58B62
#9E6A48
#FFF0DC
#FACF97
#E2AE76
#B28153
#F8C4B1
#E7A390
#CB8575
#A3655A
#9A6E52
#C79F7D
#FDD7B0
#FFF9F3
#C8AB95
#B2927A
#987964
#7B6150
#F2D3A8
#E0B67F
#C4915A
#9A6B3D
#B98874
#8B6556
#664C43
#26170F
#8D5524
#C68642
#E0AC69
#F1C27D
#FFD9A8
#CA8800
#9A6200
#4A2A00
#654F3D
#875E54
#D2A8AD
#F5D9E8