Sunset Orange Color Palette
A warm sunset-inspired palette with rich oranges and amber tones. Great for food, energy, and creative brands.
Burnt Horizon
HEX: #9c2c0e
RGB: rgb(156, 44, 14)
HSL: hsl(13, 84%, 33%)
Deep Sunset
HEX: #d4541e
RGB: rgb(212, 84, 30)
HSL: hsl(18, 75%, 47%)
Sunset Orange
HEX: #e76f51
RGB: rgb(231, 111, 81)
HSL: hsl(12, 76%, 61%)
Amber Glow
HEX: #f4a261
RGB: rgb(244, 162, 97)
HSL: hsl(27, 87%, 67%)
Golden Hour
HEX: #fcd5a0
RGB: rgb(252, 213, 160)
HSL: hsl(35, 94%, 81%)
CSS Variables
:root {
--sunset-orange-1: #9c2c0e;
--sunset-orange-2: #d4541e;
--sunset-orange-3: #e76f51;
--sunset-orange-4: #f4a261;
--sunset-orange-5: #fcd5a0;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'sunset-orange': {
'100': '#9c2c0e',
'200': '#d4541e',
'300': '#e76f51',
'400': '#f4a261',
'500': '#fcd5a0',
},
},
},
},
}Use Cases
Food brands
Energy companies
Creative agencies
Event marketing
Related Palettes
Frequently Asked Questions
When should I use a sunset orange palette?▾
Use sunset orange when you want to convey warmth, energy, enthusiasm, and creativity. It is especially effective for food, entertainment, and lifestyle brands.
Is orange a good color for call-to-action buttons?▾
Yes. Orange is one of the highest-converting colors for CTAs because it stands out against most backgrounds and conveys urgency without the aggressiveness of red.