Desert Dusk Color Palette
Dusk over the desert: warm sand and clay mesa beneath a coral-peach sky that deepens through dusty rose into violet and indigo night. Read left to right it's a full sundown gradient, sand to stars, so you can paint a desert sky straight from the swatches. Warmer and earthier than a classic sunset — more canyon than coastline.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--desert-sunset-1: #F2E2C4;
--desert-sunset-2: #E9D3AC;
--desert-sunset-3: #DEC393;
--desert-sunset-4: #D0AF79;
--desert-sunset-5: #BF9A62;
--desert-sunset-6: #AC844C;
--desert-sunset-7: #C57A4E;
--desert-sunset-8: #B66B43;
--desert-sunset-9: #A65C39;
--desert-sunset-10: #934E31;
--desert-sunset-11: #7F4129;
--desert-sunset-12: #6B3522;
--desert-sunset-13: #F0A878;
--desert-sunset-14: #EB9268;
--desert-sunset-15: #E37C5E;
--desert-sunset-16: #D66659;
--desert-sunset-17: #C45358;
--desert-sunset-18: #AE4458;
--desert-sunset-19: #9C4660;
--desert-sunset-20: #8A3D5C;
--desert-sunset-21: #783556;
--desert-sunset-22: #662D4E;
--desert-sunset-23: #552643;
--desert-sunset-24: #451F37;
--desert-sunset-25: #3C2E54;
--desert-sunset-26: #342A52;
--desert-sunset-27: #2C264D;
--desert-sunset-28: #242244;
--desert-sunset-29: #1D1D39;
--desert-sunset-30: #16172C;
}SCSS
$desert-sunset-1: #F2E2C4;
$desert-sunset-2: #E9D3AC;
$desert-sunset-3: #DEC393;
$desert-sunset-4: #D0AF79;
$desert-sunset-5: #BF9A62;
$desert-sunset-6: #AC844C;
$desert-sunset-7: #C57A4E;
$desert-sunset-8: #B66B43;
$desert-sunset-9: #A65C39;
$desert-sunset-10: #934E31;
$desert-sunset-11: #7F4129;
$desert-sunset-12: #6B3522;
$desert-sunset-13: #F0A878;
$desert-sunset-14: #EB9268;
$desert-sunset-15: #E37C5E;
$desert-sunset-16: #D66659;
$desert-sunset-17: #C45358;
$desert-sunset-18: #AE4458;
$desert-sunset-19: #9C4660;
$desert-sunset-20: #8A3D5C;
$desert-sunset-21: #783556;
$desert-sunset-22: #662D4E;
$desert-sunset-23: #552643;
$desert-sunset-24: #451F37;
$desert-sunset-25: #3C2E54;
$desert-sunset-26: #342A52;
$desert-sunset-27: #2C264D;
$desert-sunset-28: #242244;
$desert-sunset-29: #1D1D39;
$desert-sunset-30: #16172C;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'desert-sunset': {
'1': '#F2E2C4',
'2': '#E9D3AC',
'3': '#DEC393',
'4': '#D0AF79',
'5': '#BF9A62',
'6': '#AC844C',
'7': '#C57A4E',
'8': '#B66B43',
'9': '#A65C39',
'10': '#934E31',
'11': '#7F4129',
'12': '#6B3522',
'13': '#F0A878',
'14': '#EB9268',
'15': '#E37C5E',
'16': '#D66659',
'17': '#C45358',
'18': '#AE4458',
'19': '#9C4660',
'20': '#8A3D5C',
'21': '#783556',
'22': '#662D4E',
'23': '#552643',
'24': '#451F37',
'25': '#3C2E54',
'26': '#342A52',
'27': '#2C264D',
'28': '#242244',
'29': '#1D1D39',
'30': '#16172C',
},
},
},
},
};JSON
{
"name": "Desert Dusk",
"colors": [
"#F2E2C4",
"#E9D3AC",
"#DEC393",
"#D0AF79",
"#BF9A62",
"#AC844C",
"#C57A4E",
"#B66B43",
"#A65C39",
"#934E31",
"#7F4129",
"#6B3522",
"#F0A878",
"#EB9268",
"#E37C5E",
"#D66659",
"#C45358",
"#AE4458",
"#9C4660",
"#8A3D5C",
"#783556",
"#662D4E",
"#552643",
"#451F37",
"#3C2E54",
"#342A52",
"#2C264D",
"#242244",
"#1D1D39",
"#16172C"
]
}Hex list
#F2E2C4
#E9D3AC
#DEC393
#D0AF79
#BF9A62
#AC844C
#C57A4E
#B66B43
#A65C39
#934E31
#7F4129
#6B3522
#F0A878
#EB9268
#E37C5E
#D66659
#C45358
#AE4458
#9C4660
#8A3D5C
#783556
#662D4E
#552643
#451F37
#3C2E54
#342A52
#2C264D
#242244
#1D1D39
#16172C