Sunset Palette
Warm oranges fading into cool blues
Color Swatches
#FF6B35rgb(255, 107, 53)
#F7C59Frgb(247, 197, 159)
#EFEFD0rgb(239, 239, 208)
#004E89rgb(0, 78, 137)
#1A659Ergb(26, 101, 158)
CSS Variables
:root {
--palette-1: #FF6B35;
--palette-2: #F7C59F;
--palette-3: #EFEFD0;
--palette-4: #004E89;
--palette-5: #1A659E;
}Tailwind Config
theme: {
extend: {
colors: {
palette: {
1: "#FF6B35",
2: "#F7C59F",
3: "#EFEFD0",
4: "#004E89",
5: "#1A659E",
},
},
},
},Usage Suggestions
- • Use as primary/secondary/accent colors in UI components
- • Apply for backgrounds, borders, and text contrast
- • Export to design tools (Figma, Sketch) via hex values
- • Combine with our Color Contrast Checker for accessibility