Wine Stain to Aztec Color Palette

About this palette

Wine Stain to Aztec is a 5-color muted palette: #5E4755 (Wine Stain), #678974 (Thyme and Place), #F1D8E8 (Lovely Breeze), #C3A8BE (Monet Magic), #27382C (Aztec). It mixes red, green, gray, pink tones and feels warm overall. The strongest text pairing is #F1D8E8 on #27382C with a contrast ratio of 9.32:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Wine Stain	rgb(94, 71, 85)	hsl(323, 14%, 32%)
Thyme and Place	rgb(103, 137, 116)	hsl(143, 14%, 47%)
Lovely Breeze	rgb(241, 216, 232)	hsl(322, 47%, 90%)
Monet Magic	rgb(195, 168, 190)	hsl(311, 18%, 71%)
Aztec	rgb(39, 56, 44)	hsl(138, 18%, 19%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

Aa9.32:1 Very good#F1D8E8 on #27382C
Aa9.32:1 Very good#27382C on #F1D8E8
Aa6.27:1 Good#5E4755 on #F1D8E8
Aa6.27:1 Good#F1D8E8 on #5E4755
Aa5.72:1 Good#C3A8BE on #27382C
Aa5.72:1 Good#27382C on #C3A8BE
Aa3.85:1 Poor#5E4755 on #C3A8BE
Aa3.85:1 Poor#C3A8BE on #5E4755

Color blindness preview

CSS variables

/* Wine Stain to Aztec — https://swatchly.xyz/palette/5e4755-678974-f1d8e8-c3a8be-27382c */
:root {
  --wine-stain: #5e4755;
  --thyme-and-place: #678974;
  --lovely-breeze: #f1d8e8;
  --monet-magic: #c3a8be;
  --aztec: #27382c;
}

Tailwind CSS v4

/* Wine Stain to Aztec — https://swatchly.xyz/palette/5e4755-678974-f1d8e8-c3a8be-27382c */
@theme {
  --color-wine-stain: #5e4755;
  --color-wine-stain-50: #fff0f9;
  --color-wine-stain-100: #f7e5f0;
  --color-wine-stain-200: #e4cfdc;
  --color-wine-stain-300: #ceb7c5;
  --color-wine-stain-400: #af95a5;
  --color-wine-stain-500: #927988;
  --color-wine-stain-600: #765e6c;
  --color-wine-stain-700: #5e4755;
  --color-wine-stain-800: #493742;
  --color-wine-stain-900: #392a33;
  --color-wine-stain-950: #24191f;
  --color-thyme-and-place: #678974;
  --color-thyme-and-place-50: #e5faed;
  --color-thyme-and-place-100: #d8f0e1;
  --color-thyme-and-place-200: #c0dcca;
  --color-thyme-and-place-300: #a6c5b1;
  --color-thyme-and-place-400: #84a590;
  --color-thyme-and-place-500: #678974;
  --color-thyme-and-place-600: #4f6f5c;
  --color-thyme-and-place-700: #3c5947;
  --color-thyme-and-place-800: #2d4637;
  --color-thyme-and-place-900: #21372a;
  --color-thyme-and-place-950: #132219;
  --color-lovely-breeze: #f1d8e8;
  --color-lovely-breeze-50: #fff9fd;
  --color-lovely-breeze-100: #fceef7;
  --color-lovely-breeze-200: #f1d8e8;
  --color-lovely-breeze-300: #d6c1ce;
  --color-lovely-breeze-400: #b6a0ae;
  --color-lovely-breeze-500: #998291;
  --color-lovely-breeze-600: #7c6775;
  --color-lovely-breeze-700: #63505c;
  --color-lovely-breeze-800: #4d3c47;
  --color-lovely-breeze-900: #3c2e37;
  --color-lovely-breeze-950: #261c22;
  --color-monet-magic: #c3a8be;
  --color-monet-magic-50: #f8e7f5;
  --color-monet-magic-100: #eddae9;
  --color-monet-magic-200: #d9c3d5;
  --color-monet-magic-300: #c3a8be;
  --color-monet-magic-400: #a68ca1;
  --color-monet-magic-500: #8d7388;
  --color-monet-magic-600: #745c70;
  --color-monet-magic-700: #5e495b;
  --color-monet-magic-800: #4c3949;
  --color-monet-magic-900: #3d2d3a;
  --color-monet-magic-950: #261b24;
  --color-aztec: #27382c;
  --color-aztec-50: #edf9f0;
  --color-aztec-100: #e2efe5;
  --color-aztec-200: #cddcd1;
  --color-aztec-300: #b5c6b9;
  --color-aztec-400: #94a799;
  --color-aztec-500: #798c7e;
  --color-aztec-600: #5f7164;
  --color-aztec-700: #4a5a4e;
  --color-aztec-800: #38473c;
  --color-aztec-900: #27382c;
  --color-aztec-950: #19221c;
}