Palette · retro · warm · vibrant
Retro Sunset
Seventies-inspired amber, rust and cream — nostalgic warmth for brands with personality.
Copy as
Usage system
Everything you need to wire this palette into a real project, not just the colors.
CSS variables
:root {
--color-bg: #FFF6EA;
--color-surface: #FFEFD9;
--color-primary: #E8743B;
--color-accent: #C9456B;
--color-text: #3A2417;
--color-muted: #9C7A5E;
}Tailwind config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
bg: '#FFF6EA',
surface: '#FFEFD9',
primary: '#E8743B',
accent: '#C9456B',
text: '#3A2417',
muted: '#9C7A5E',
},
},
},
}; Font pairing Clash Display / heading · Cabinet Grotesk / body
Corner radius 14px
Spacing scale 4px base · 4 / 8 / 12 / 20 / 32
In context
New
Build better, faster
A card, a heading, a button and a hint of text — the palette doing real work.
Found one you like? Pair it with a template, generate a matching background in the gradient generator, or browse all palettes.