Irish Coffee to Pink Champagne Color Palette

About this palette

Irish Coffee to Pink Champagne is a 5-color muted, cool palette: #60412B (Irish Coffee), #2D6E69 (Deep Pool Teal), #BEADD6 (Moonraker), #6A9690 (Yucca), #E7DDF8 (Pink Champagne). It mixes brown, turquoise, purple tones and feels cool overall. The strongest text pairing is #60412B on #E7DDF8 with a contrast ratio of 7.03:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Irish Coffee	rgb(96, 65, 43)	hsl(25, 38%, 27%)
Deep Pool Teal	rgb(45, 110, 105)	hsl(175, 42%, 30%)
Moonraker	rgb(190, 173, 214)	hsl(265, 33%, 76%)
Yucca	rgb(106, 150, 144)	hsl(172, 17%, 50%)
Pink Champagne	rgb(231, 221, 248)	hsl(262, 66%, 92%)

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.

Aa7.03:1 Very good#60412B on #E7DDF8
Aa7.03:1 Very good#E7DDF8 on #60412B
Aa4.54:1 Good#2D6E69 on #E7DDF8
Aa4.54:1 Good#E7DDF8 on #2D6E69
Aa4.43:1 Poor#60412B on #BEADD6
Aa4.43:1 Poor#BEADD6 on #60412B

Color blindness preview

CSS variables

/* Irish Coffee to Pink Champagne — https://swatchly.xyz/palette/60412b-2d6e69-beadd6-6a9690-e7ddf8 */
:root {
  --irish-coffee: #60412b;
  --deep-pool-teal: #2d6e69;
  --moonraker: #beadd6;
  --yucca: #6a9690;
  --pink-champagne: #e7ddf8;
}

Tailwind CSS v4

/* Irish Coffee to Pink Champagne — https://swatchly.xyz/palette/60412b-2d6e69-beadd6-6a9690-e7ddf8 */
@theme {
  --color-irish-coffee: #60412b;
  --color-irish-coffee-50: #fff2ea;
  --color-irish-coffee-100: #fee6d6;
  --color-irish-coffee-200: #eed1be;
  --color-irish-coffee-300: #dbbba6;
  --color-irish-coffee-400: #bf9c85;
  --color-irish-coffee-500: #a4826a;
  --color-irish-coffee-600: #8a6952;
  --color-irish-coffee-700: #72533e;
  --color-irish-coffee-800: #60412b;
  --color-irish-coffee-900: #493222;
  --color-irish-coffee-950: #301f13;
  --color-deep-pool-teal: #2d6e69;
  --color-deep-pool-teal-50: #dbfefa;
  --color-deep-pool-teal-100: #cbf3ee;
  --color-deep-pool-teal-200: #aedfda;
  --color-deep-pool-teal-300: #90c8c2;
  --color-deep-pool-teal-400: #6aa8a2;
  --color-deep-pool-teal-500: #4b8a85;
  --color-deep-pool-teal-600: #2d6e69;
  --color-deep-pool-teal-700: #1e5853;
  --color-deep-pool-teal-800: #124542;
  --color-deep-pool-teal-900: #093633;
  --color-deep-pool-teal-950: #032220;
  --color-moonraker: #beadd6;
  --color-moonraker-50: #f3ebff;
  --color-moonraker-100: #e9defa;
  --color-moonraker-200: #d5c7e8;
  --color-moonraker-300: #beadd6;
  --color-moonraker-400: #a090b7;
  --color-moonraker-500: #87779d;
  --color-moonraker-600: #6e5f83;
  --color-moonraker-700: #594b6b;
  --color-moonraker-800: #473a57;
  --color-moonraker-900: #382d46;
  --color-moonraker-950: #231b2d;
  --color-yucca: #6a9690;
  --color-yucca-50: #e4fcf9;
  --color-yucca-100: #d9f4f0;
  --color-yucca-200: #c2e3de;
  --color-yucca-300: #a8cec9;
  --color-yucca-400: #86b0aa;
  --color-yucca-500: #6a9690;
  --color-yucca-600: #4f7a74;
  --color-yucca-700: #3a615c;
  --color-yucca-800: #294c48;
  --color-yucca-900: #1d3b37;
  --color-yucca-950: #0f2422;
  --color-pink-champagne: #e7ddf8;
  --color-pink-champagne-50: #f0ebfb;
  --color-pink-champagne-100: #e7ddf8;
  --color-pink-champagne-200: #d4cce1;
  --color-pink-champagne-300: #bfb7ce;
  --color-pink-champagne-400: #a298b1;
  --color-pink-champagne-500: #887e97;
  --color-pink-champagne-600: #6e667d;
  --color-pink-champagne-700: #595166;
  --color-pink-champagne-800: #453e51;
  --color-pink-champagne-900: #35303f;
  --color-pink-champagne-950: #211d28;
}