Candied Snow to Irish Coffee color palette

D5FAEDCandied Snow EA98AEPink Prestige 6E86BCOrbital 4A5DA3Starstruck 5B4426Irish Coffee

About this palette

Candied Snow to Irish Coffee is a 5-color cool, vintage palette: #D5FAED (Candied Snow), #EA98AE (Pink Prestige), #6E86BC (Orbital), #4A5DA3 (Starstruck), #5B4426 (Irish Coffee). It mixes white, pink, blue, brown tones and feels cool overall. The strongest text pairing is #D5FAED on #5B4426 with a contrast ratio of 8.14:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Candied Snow	rgb(213, 250, 237)	hsl(159, 79%, 91%)
Pink Prestige	rgb(234, 152, 174)	hsl(344, 66%, 76%)
Orbital	rgb(110, 134, 188)	hsl(222, 37%, 58%)
Starstruck	rgb(74, 93, 163)	hsl(227, 38%, 46%)
Irish Coffee	rgb(91, 68, 38)	hsl(34, 41%, 25%)

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.

Aa8.14:1 Very good#D5FAED on #5B4426
Aa8.14:1 Very good#5B4426 on #D5FAED
Aa5.53:1 Good#D5FAED on #4A5DA3
Aa5.53:1 Good#4A5DA3 on #D5FAED
Aa4.17:1 Poor#EA98AE on #5B4426
Aa4.17:1 Poor#5B4426 on #EA98AE
Aa3.23:1 Poor#D5FAED on #6E86BC
Aa3.23:1 Poor#6E86BC on #D5FAED

Color blindness preview

CSS variables

/* Candied Snow to Irish Coffee — https://swatchly.xyz/palette/d5faed-ea98ae-6e86bc-4a5da3-5b4426 */
:root {
  --candied-snow: #d5faed;
  --pink-prestige: #ea98ae;
  --orbital: #6e86bc;
  --starstruck: #4a5da3;
  --irish-coffee: #5b4426;
}

Tailwind CSS v4

/* Candied Snow to Irish Coffee — https://swatchly.xyz/palette/d5faed-ea98ae-6e86bc-4a5da3-5b4426 */
@theme {
  --color-candied-snow: #d5faed;
  --color-candied-snow-50: #d5faed;
  --color-candied-snow-100: #d6ede5;
  --color-candied-snow-200: #c0dcd2;
  --color-candied-snow-300: #a8c7bc;
  --color-candied-snow-400: #87a99d;
  --color-candied-snow-500: #6c8e83;
  --color-candied-snow-600: #537469;
  --color-candied-snow-700: #3f5d53;
  --color-candied-snow-800: #2e4940;
  --color-candied-snow-900: #223831;
  --color-candied-snow-950: #13231e;
  --color-pink-prestige: #ea98ae;
  --color-pink-prestige-50: #ffe7ec;
  --color-pink-prestige-100: #ffd5df;
  --color-pink-prestige-200: #fab6c7;
  --color-pink-prestige-300: #ea98ae;
  --color-pink-prestige-400: #ca7c91;
  --color-pink-prestige-500: #af6379;
  --color-pink-prestige-600: #934c61;
  --color-pink-prestige-700: #7a394d;
  --color-pink-prestige-800: #642b3d;
  --color-pink-prestige-900: #512030;
  --color-pink-prestige-950: #35121d;
  --color-orbital: #6e86bc;
  --color-orbital-50: #f1f5ff;
  --color-orbital-100: #e3ecff;
  --color-orbital-200: #c6d8ff;
  --color-orbital-300: #abc1f2;
  --color-orbital-400: #8aa2d7;
  --color-orbital-500: #6e86bc;
  --color-orbital-600: #556b9e;
  --color-orbital-700: #405483;
  --color-orbital-800: #30416a;
  --color-orbital-900: #233254;
  --color-orbital-950: #141e37;
  --color-starstruck: #4a5da3;
  --color-starstruck-50: #f1f5ff;
  --color-starstruck-100: #e1e9ff;
  --color-starstruck-200: #c4d3ff;
  --color-starstruck-300: #a3b9fd;
  --color-starstruck-400: #8097e0;
  --color-starstruck-500: #6479c2;
  --color-starstruck-600: #4a5da3;
  --color-starstruck-700: #394985;
  --color-starstruck-800: #2b386c;
  --color-starstruck-900: #202b57;
  --color-starstruck-950: #121a39;
  --color-irish-coffee: #5b4426;
  --color-irish-coffee-50: #fff3e5;
  --color-irish-coffee-100: #fae8d3;
  --color-irish-coffee-200: #e8d4bb;
  --color-irish-coffee-300: #d5bea2;
  --color-irish-coffee-400: #b99f80;
  --color-irish-coffee-500: #9e8565;
  --color-irish-coffee-600: #846c4d;
  --color-irish-coffee-700: #6d563a;
  --color-irish-coffee-800: #5b4426;
  --color-irish-coffee-900: #46341e;
  --color-irish-coffee-950: #2d2010;
}