Sunset Color Palette

Updated April 17, 2026

A warm sunset color palette with hex codes — deep orange, golden amber, coral pink, and burnished violet. Ready to copy or open in PhotoTones.

The Sunset Palette

• Peach Glow #FFB16C rgb(255, 177, 108) hsl(28, 100%, 71%)
• Sunset Orange #F97316 rgb(249, 115, 22) hsl(25, 95%, 53%)
• Horizon Red #DC2626 rgb(220, 38, 38) hsl(0, 72%, 51%)
• Dusk Magenta #9D174D rgb(157, 23, 77) hsl(336, 74%, 35%)
• Deep Violet #4C1D95 rgb(76, 29, 149) hsl(264, 67%, 35%)
• Night Indigo #1E1B4B rgb(30, 27, 75) hsl(244, 47%, 20%)

Hex Codes at a Glance

#FFB16C, #F97316, #DC2626, #9D174D, #4C1D95, #1E1B4B

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This sunset palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.