aestheticcolours

Colour pairings

Burgundy and Gold

Burgundy (#800020) paired with gold (#D4AF37). Below are both colours expanded into full 11-step ramps, generated in OKLCH for even lightness steps and gamut-mapped to sRGB. Copy the Tailwind v4 config for either, or open them in the generator to fine-tune.

Burgundy #800020
Gold #D4AF37
50#FFF2F1
100#FFDFDD
200#FFC4C3
300#FF9B9D
400#FF6B75
500#E34859
600#C13549
700#9E3343
800#7A2B38
900#800020
950#300D13
burgundy — Tailwind v4@theme
@theme {
  --color-burgundy-50: #fff2f1;
  --color-burgundy-100: #ffdfdd;
  --color-burgundy-200: #ffc4c3;
  --color-burgundy-300: #ff9b9d;
  --color-burgundy-400: #ff6b75;
  --color-burgundy-500: #e34859;
  --color-burgundy-600: #c13549;
  --color-burgundy-700: #9e3343;
  --color-burgundy-800: #7a2b38;
  --color-burgundy-900: #800020;
  --color-burgundy-950: #300d13;
}
50#FBF6E2
100#F3E7C1
200#ECD48B
300#D4AF37
400#C49E00
500#A48300
600#8A6C00
700#765A00
800#5E4600
900#4E3900
950#241800
gold — Tailwind v4@theme
@theme {
  --color-gold-50: #fbf6e2;
  --color-gold-100: #f3e7c1;
  --color-gold-200: #ecd48b;
  --color-gold-300: #d4af37;
  --color-gold-400: #c49e00;
  --color-gold-500: #a48300;
  --color-gold-600: #8a6c00;
  --color-gold-700: #765a00;
  --color-gold-800: #5e4600;
  --color-gold-900: #4e3900;
  --color-gold-950: #241800;
}

Aesthetic

Want this palette built into your site?

You bring the colours. You'll get a site that uses them properly, designed and built by the team at Aesthetic.

More combinations