Blush & Gold color palette
Peach blush #F9DEC9 fades into rose clay and terracotta, deepens to a brick red, #C0503F, and finishes with an antique gold, #B8860B. Everything is warm. The gold brings a little shine to what is otherwise a soft, skin-toned range. Wedding planners and makeup artists can use it for everything from invitations to price lists.
Blush & Gold palette in use
Use #F9DEC9 as the background and #C0503F for headings and buttons, with a deep brown for body text. #B8860B adds gold rules, icons and monograms, and #E8B4A4 fills cards.
This pair measures 16.31:1, so it works for body text too. The button uses #C0503F with white text.
ButtonGood for
- Wedding planner website
- Makeup artist portfolio
- Champagne bar menu
- Autumn wedding invite
Readable color pairs
Pairs from this palette with at least 3:1 contrast (WCAG 2). Use AA and AAA pairs for body text, and AA large pairs for headings 24px and up.
| Text | Background | Ratio | Rating |
|---|---|---|---|
#C0503F | #F9DEC9 | 3.65:1 | AA large |
Blush & Gold palette as code
CSS variables
:root {
--blush-and-gold-1: #F9DEC9;
--blush-and-gold-2: #E8B4A4;
--blush-and-gold-3: #D4826A;
--blush-and-gold-4: #C0503F;
--blush-and-gold-5: #B8860B;
}Tailwind v4
@theme {
--color-blush-and-gold-1: #F9DEC9;
--color-blush-and-gold-2: #E8B4A4;
--color-blush-and-gold-3: #D4826A;
--color-blush-and-gold-4: #C0503F;
--color-blush-and-gold-5: #B8860B;
}Tailwind v3
// tailwind.config.js → theme.extend.colors
'blush-and-gold': {
100: '#F9DEC9',
200: '#E8B4A4',
300: '#D4826A',
400: '#C0503F',
500: '#B8860B',
},SCSS
$blush-and-gold-1: #F9DEC9;
$blush-and-gold-2: #E8B4A4;
$blush-and-gold-3: #D4826A;
$blush-and-gold-4: #C0503F;
$blush-and-gold-5: #B8860B;JSON
["#F9DEC9","#E8B4A4","#D4826A","#C0503F","#B8860B"]Named colors in this palette
The nearest named color to each swatch, with its meaning and matching colors.