Palette · dark · warm · gradient
Golden Hour
Warm gold and coral glowing over charcoal — premium, cinematic, and built for big imagery.
Copy as
Usage system
Everything you need to wire this palette into a real project, not just the colors.
CSS variables
:root {
--color-bg: #16120E;
--color-surface: #241D16;
--color-primary: #F2A93B;
--color-accent: #FF6B6B;
--color-text: #F7EEDF;
--color-muted: #A2917C;
}Tailwind config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
bg: '#16120E',
surface: '#241D16',
primary: '#F2A93B',
accent: '#FF6B6B',
text: '#F7EEDF',
muted: '#A2917C',
},
},
},
}; Font pairing Playfair Display / heading · Inter / body
Corner radius 12px
Spacing scale 4px base · 4 / 8 / 12 / 16 / 24 / 40
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.