Wine Tasting to Veiling Waterfalls color palette

492A3AWine Tasting 883B58Liaison 9E7B33Fernweh 8ED0B0Irish Spring D2E4FFVeiling Waterfalls

About this palette

Wine Tasting to Veiling Waterfalls is a 5-color warm, vintage palette: #492A3A (Wine Tasting), #883B58 (Liaison), #9E7B33 (Fernweh), #8ED0B0 (Irish Spring), #D2E4FF (Veiling Waterfalls). It mixes red, yellow, green, blue tones and feels warm overall. The strongest text pairing is #492A3A on #D2E4FF with a contrast ratio of 9.72:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Wine Tasting	rgb(73, 42, 58)	hsl(329, 27%, 23%)
Liaison	rgb(136, 59, 88)	hsl(337, 39%, 38%)
Fernweh	rgb(158, 123, 51)	hsl(40, 51%, 41%)
Irish Spring	rgb(142, 208, 176)	hsl(151, 41%, 69%)
Veiling Waterfalls	rgb(210, 228, 255)	hsl(216, 100%, 91%)

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.72:1 Very good#492A3A on #D2E4FF
Aa9.72:1 Very good#D2E4FF on #492A3A
Aa7.04:1 Very good#492A3A on #8ED0B0
Aa7.04:1 Very good#8ED0B0 on #492A3A
Aa5.79:1 Good#883B58 on #D2E4FF
Aa5.79:1 Good#D2E4FF on #883B58
Aa4.19:1 Poor#883B58 on #8ED0B0
Aa4.19:1 Poor#8ED0B0 on #883B58

Color blindness preview

CSS variables

/* Wine Tasting to Veiling Waterfalls — https://swatchly.xyz/palette/492a3a-883b58-9e7b33-8ed0b0-d2e4ff */
:root {
  --wine-tasting: #492a3a;
  --liaison: #883b58;
  --fernweh: #9e7b33;
  --irish-spring: #8ed0b0;
  --veiling-waterfalls: #d2e4ff;
}

Tailwind CSS v4

/* Wine Tasting to Veiling Waterfalls — https://swatchly.xyz/palette/492a3a-883b58-9e7b33-8ed0b0-d2e4ff */
@theme {
  --color-wine-tasting: #492a3a;
  --color-wine-tasting-50: #fff1f7;
  --color-wine-tasting-100: #fde3ef;
  --color-wine-tasting-200: #eccedc;
  --color-wine-tasting-300: #d8b6c6;
  --color-wine-tasting-400: #bb96a7;
  --color-wine-tasting-500: #a07b8d;
  --color-wine-tasting-600: #846172;
  --color-wine-tasting-700: #6c4c5c;
  --color-wine-tasting-800: #573b49;
  --color-wine-tasting-900: #492a3a;
  --color-wine-tasting-950: #2c1b24;
  --color-liaison: #883b58;
  --color-liaison-50: #fff1f5;
  --color-liaison-100: #ffe3eb;
  --color-liaison-200: #ffc6d7;
  --color-liaison-300: #f5a9c1;
  --color-liaison-400: #d987a2;
  --color-liaison-500: #be6b88;
  --color-liaison-600: #a1526e;
  --color-liaison-700: #883b58;
  --color-liaison-800: #6c2d45;
  --color-liaison-900: #552034;
  --color-liaison-950: #381120;
  --color-fernweh: #9e7b33;
  --color-fernweh-50: #fff3dc;
  --color-fernweh-100: #fee6ba;
  --color-fernweh-200: #edd19c;
  --color-fernweh-300: #d9b97c;
  --color-fernweh-400: #ba9753;
  --color-fernweh-500: #9e7b33;
  --color-fernweh-600: #836217;
  --color-fernweh-700: #6a4c00;
  --color-fernweh-800: #543b00;
  --color-fernweh-900: #412e00;
  --color-fernweh-950: #2a1c00;
  --color-irish-spring: #8ed0b0;
  --color-irish-spring-50: #dafeeb;
  --color-irish-spring-100: #ccf5e0;
  --color-irish-spring-200: #b2e3ca;
  --color-irish-spring-300: #8ed0b0;
  --color-irish-spring-400: #71b092;
  --color-irish-spring-500: #549577;
  --color-irish-spring-600: #3a795d;
  --color-irish-spring-700: #266248;
  --color-irish-spring-800: #174d37;
  --color-irish-spring-900: #0d3c2a;
  --color-irish-spring-950: #052619;
  --color-veiling-waterfalls: #d2e4ff;
  --color-veiling-waterfalls-50: #e4efff;
  --color-veiling-waterfalls-100: #d2e4ff;
  --color-veiling-waterfalls-200: #c4d2e6;
  --color-veiling-waterfalls-300: #adbdd3;
  --color-veiling-waterfalls-400: #8e9fb7;
  --color-veiling-waterfalls-500: #74859d;
  --color-veiling-waterfalls-600: #5c6c83;
  --color-veiling-waterfalls-700: #48566b;
  --color-veiling-waterfalls-800: #374355;
  --color-veiling-waterfalls-900: #293343;
  --color-veiling-waterfalls-950: #18202b;
}