Sunrise Color Palette

Updated April 17, 2026

A fresh sunrise color palette — soft lavender, golden yellow, rose pink, and morning blue. Hex codes ready for any design project.

The Sunrise Palette

• Dawn Cream #FEE4B1 rgb(254, 228, 177) hsl(40, 97%, 85%)
• Morning Gold #FBBF77 rgb(251, 191, 119) hsl(33, 94%, 73%)
• Rose Glow #F87171 rgb(248, 113, 113) hsl(0, 91%, 71%)
• Lavender Haze #C084FC rgb(192, 132, 252) hsl(270, 95%, 75%)
• Morning Sky #60A5FA rgb(96, 165, 250) hsl(213, 94%, 68%)
• Fading Night #1E3A8A rgb(30, 58, 138) hsl(224, 64%, 33%)

Hex Codes at a Glance

#FEE4B1, #FBBF77, #F87171, #C084FC, #60A5FA, #1E3A8A

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 sunrise 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.