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

desert skiesgradientslandscape backdropswarm scenes

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

Related palettes

Copied