Golden Hour Sunset Color Palette

The exact arc of a setting sun: gold and amber at the horizon, coral and rose through the middle, then magenta bleeding up into plum, violet, and dusk blue. Because the warm-to-cool transition is evenly stepped, you can paint a sky as a smooth vertical blend straight from the swatches. The pale gold leading the set is a deliberate highlight for rim-light and the brightest cloud edges.

Open in Paintrix

Get Paintrix free on the App Store.

Download

.swatches Procreate · Paintrix .ase Adobe · Affinity .gpl GIMP · Inkscape

Hex codes

Color theory

Base

Complement

Analogous −30°

Analogous +30°

Triadic

Use it for

skies and gradientsrim lightingdramatic backdropslettering glow

Code formats

CSS

:root {
  --golden-hour-sunset-1: #FBEFC4;
  --golden-hour-sunset-2: #F7E1A0;
  --golden-hour-sunset-3: #FBE6A6;
  --golden-hour-sunset-4: #F8D584;
  --golden-hour-sunset-5: #F6C66B;
  --golden-hour-sunset-6: #F4B255;
  --golden-hour-sunset-7: #F09E4A;
  --golden-hour-sunset-8: #E8893E;
  --golden-hour-sunset-9: #EE7B5C;
  --golden-hour-sunset-10: #E96A54;
  --golden-hour-sunset-11: #E25563;
  --golden-hour-sunset-12: #D9475F;
  --golden-hour-sunset-13: #C93C5E;
  --golden-hour-sunset-14: #B83559;
  --golden-hour-sunset-15: #C9407A;
  --golden-hour-sunset-16: #B43A78;
  --golden-hour-sunset-17: #9E3672;
  --golden-hour-sunset-18: #8E3B6B;
  --golden-hour-sunset-19: #7A3A66;
  --golden-hour-sunset-20: #66385E;
  --golden-hour-sunset-21: #5B3A6E;
  --golden-hour-sunset-22: #4E3868;
  --golden-hour-sunset-23: #44345F;
  --golden-hour-sunset-24: #3E3B63;
  --golden-hour-sunset-25: #36365C;
  --golden-hour-sunset-26: #2E3157;
  --golden-hour-sunset-27: #2C3057;
  --golden-hour-sunset-28: #28304F;
  --golden-hour-sunset-29: #232B46;
  --golden-hour-sunset-30: #1E2740;
}

SCSS

$golden-hour-sunset-1: #FBEFC4;
$golden-hour-sunset-2: #F7E1A0;
$golden-hour-sunset-3: #FBE6A6;
$golden-hour-sunset-4: #F8D584;
$golden-hour-sunset-5: #F6C66B;
$golden-hour-sunset-6: #F4B255;
$golden-hour-sunset-7: #F09E4A;
$golden-hour-sunset-8: #E8893E;
$golden-hour-sunset-9: #EE7B5C;
$golden-hour-sunset-10: #E96A54;
$golden-hour-sunset-11: #E25563;
$golden-hour-sunset-12: #D9475F;
$golden-hour-sunset-13: #C93C5E;
$golden-hour-sunset-14: #B83559;
$golden-hour-sunset-15: #C9407A;
$golden-hour-sunset-16: #B43A78;
$golden-hour-sunset-17: #9E3672;
$golden-hour-sunset-18: #8E3B6B;
$golden-hour-sunset-19: #7A3A66;
$golden-hour-sunset-20: #66385E;
$golden-hour-sunset-21: #5B3A6E;
$golden-hour-sunset-22: #4E3868;
$golden-hour-sunset-23: #44345F;
$golden-hour-sunset-24: #3E3B63;
$golden-hour-sunset-25: #36365C;
$golden-hour-sunset-26: #2E3157;
$golden-hour-sunset-27: #2C3057;
$golden-hour-sunset-28: #28304F;
$golden-hour-sunset-29: #232B46;
$golden-hour-sunset-30: #1E2740;

Tailwind

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'golden-hour-sunset': {
          '1': '#FBEFC4',
          '2': '#F7E1A0',
          '3': '#FBE6A6',
          '4': '#F8D584',
          '5': '#F6C66B',
          '6': '#F4B255',
          '7': '#F09E4A',
          '8': '#E8893E',
          '9': '#EE7B5C',
          '10': '#E96A54',
          '11': '#E25563',
          '12': '#D9475F',
          '13': '#C93C5E',
          '14': '#B83559',
          '15': '#C9407A',
          '16': '#B43A78',
          '17': '#9E3672',
          '18': '#8E3B6B',
          '19': '#7A3A66',
          '20': '#66385E',
          '21': '#5B3A6E',
          '22': '#4E3868',
          '23': '#44345F',
          '24': '#3E3B63',
          '25': '#36365C',
          '26': '#2E3157',
          '27': '#2C3057',
          '28': '#28304F',
          '29': '#232B46',
          '30': '#1E2740',
        },
      },
    },
  },
};

JSON

{
  "name": "Golden Hour Sunset",
  "colors": [
    "#FBEFC4",
    "#F7E1A0",
    "#FBE6A6",
    "#F8D584",
    "#F6C66B",
    "#F4B255",
    "#F09E4A",
    "#E8893E",
    "#EE7B5C",
    "#E96A54",
    "#E25563",
    "#D9475F",
    "#C93C5E",
    "#B83559",
    "#C9407A",
    "#B43A78",
    "#9E3672",
    "#8E3B6B",
    "#7A3A66",
    "#66385E",
    "#5B3A6E",
    "#4E3868",
    "#44345F",
    "#3E3B63",
    "#36365C",
    "#2E3157",
    "#2C3057",
    "#28304F",
    "#232B46",
    "#1E2740"
  ]
}

Hex list

#FBEFC4
#F7E1A0
#FBE6A6
#F8D584
#F6C66B
#F4B255
#F09E4A
#E8893E
#EE7B5C
#E96A54
#E25563
#D9475F
#C93C5E
#B83559
#C9407A
#B43A78
#9E3672
#8E3B6B
#7A3A66
#66385E
#5B3A6E
#4E3868
#44345F
#3E3B63
#36365C
#2E3157
#2C3057
#28304F
#232B46
#1E2740

Golden Hour Sunset Color Palette

Download

Hex codes

Color theory

Use it for

Code formats

Related palettes