#574D51
#9EB9B2
#EEEAD2
#DEBC92
#5C4B51Umber
#8CBEB2Ash
#F2EBBFPeach
#F3B562Cantaloupe
Desert Dusk is a complementary color palette tagged boho, minimal, gray. Near-complementary hues (about 132° 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 |
|---|---|---|---|---|---|
| Umber | #5C4B51 | rgb(92, 75, 81) | hsl(339, 10%, 33%) | oklch(43.2% 0.025 355) | |
| Ash | #8CBEB2 | rgb(140, 190, 178) | hsl(166, 28%, 65%) | oklch(76.3% 0.055 178) | |
| Peach | #F2EBBF | rgb(242, 235, 191) | hsl(52, 66%, 85%) | oklch(93.5% 0.058 100) | |
| Cantaloupe | #F3B562 | rgb(243, 181, 98) | hsl(34, 86%, 67%) | oklch(81.4% 0.123 73) |
Why it works and how to use it
The palette holds together thanks to its complementary hue relationship and a strong light-to-dark ladder (85% down to 33% lightness). A natural fit for websites, presentations and branding.
- Background: Peach (#F2EBBF) is the lightest color, so it belongs on large surfaces.
- Text: Umber (#5C4B51) on #F2EBBF gives 6.75:1, passing WCAG AA.
- Primary: Cantaloupe (#F3B562) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Ash (#8CBEB2) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Umber on Peach at 6.75:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Desert Dusk
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
#5C4B51
#8CBEB2
#F2EBBF
#F3B562
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#5C4B51 on #F2EBBF | Aa | 6.75:1 | AA |
#5C4B51 on #F3B562 | Aa | 4.49:1 | AA large only |
#5C4B51 on #8CBEB2 | Aa | 3.92:1 | AA large only |
#8CBEB2 on #F2EBBF | Aa | 1.72:1 | Fail |
#F2EBBF on #F3B562 | Aa | 1.5:1 | Fail |
#8CBEB2 on #F3B562 | Aa | 1.15:1 | Fail |
Similar palettes 24 more in this mood
#353C54
#646E8E
#C6AB8C
#F3EFE9
#5E8B86
#A7C4BC
#D9A87E
#F6F0E6
#DC8A37
#F8B872
#91654D
#F5EEDF
#61684F
#9BA082
#C9AD97
#F5F2EE
#A44A3F
#D4A373
#DCE3A8
#FBE6C2
#C4A484
#E6D3B3
#A98467
#F7F1E8
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA
#7F6000
#B8885D
#B3B96E
#AEE699
#8E4047
#E3A383
#E29FC4
#FBCD80
#FFF9F4
#FFE0C7
#F28C38
#2A2320
#778452
#B9C288
#F1BF95
#FEF9F1
#F4A583
#FFD6BB
#D0C2A9
#FFF9F1
#DA7DAA
#E29F80
#F0B769
#F7CACA
#E4B141
#FAD981
#9F7E57
#FFFAEE
#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#F8F1E9
#EAD9C7
#F07A5A
#4A3A33
#5E3A5B
#9A6B8E
#D9B98C
#F6EFE6
#2E3440
#4C566A
#D8DEE9
#EBCB8B
#FFFDE8
#FFF3A3
#D4EBC2
#3B4C3A
#F7F3EF
#E9DED4
#C65D3B
#2E2622
#8BEACA
#D0DC82
#E3BD60
#457042
#C9971C
#E4C36B
#8A6A44
#F5EEDF