aestheticcolours

Colour pairings

Burgundy and Blush

Burgundy (#800020) paired with blush (#F4C2C2). 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
Blush #F4C2C2
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#FDF3F2
100#F6E2E1
200#F4C2C2
300#DEADAD
400#CB9192
500#AF7677
600#936162
700#7A5255
800#5E4143
900#4C3638
950#231618
blush — Tailwind v4@theme
@theme {
  --color-blush-50: #fdf3f2;
  --color-blush-100: #f6e2e1;
  --color-blush-200: #f4c2c2;
  --color-blush-300: #deadad;
  --color-blush-400: #cb9192;
  --color-blush-500: #af7677;
  --color-blush-600: #936162;
  --color-blush-700: #7a5255;
  --color-blush-800: #5e4143;
  --color-blush-900: #4c3638;
  --color-blush-950: #231618;
}

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