Sea Glass Teal to Candied Snow color palette

A2ECDFSea Glass Teal A7D6A9In Good Taste A6D8F5Endless Horizon FFC8EEPuff of Pink D2FFF6Candied Snow

Open in generator Export PNG, PDF, ASE…

About this palette

Sea Glass Teal to Candied Snow is a 5-color pastel, light, cool palette: #A2ECDF (Sea Glass Teal), #A7D6A9 (In Good Taste), #A6D8F5 (Endless Horizon), #FFC8EE (Puff of Pink), #D2FFF6 (Candied Snow). It mixes turquoise, green, blue, pink, white tones and feels cool overall. The strongest text pairing is #A7D6A9 on #D2FFF6 with a contrast ratio of 1.51:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Sea Glass Teal	rgb(162, 236, 223)	hsl(169, 66%, 78%)
In Good Taste	rgb(167, 214, 169)	hsl(123, 36%, 75%)
Endless Horizon	rgb(166, 216, 245)	hsl(202, 80%, 81%)
Puff of Pink	rgb(255, 200, 238)	hsl(319, 100%, 89%)
Candied Snow	rgb(210, 255, 246)	hsl(168, 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.

Color blindness preview

CSS variables

/* Sea Glass Teal to Candied Snow — https://swatchly.xyz/palette/a2ecdf-a7d6a9-a6d8f5-ffc8ee-d2fff6 */
:root {
  --sea-glass-teal: #a2ecdf;
  --in-good-taste: #a7d6a9;
  --endless-horizon: #a6d8f5;
  --puff-of-pink: #ffc8ee;
  --candied-snow: #d2fff6;
}

Tailwind CSS v4

/* Sea Glass Teal to Candied Snow — https://swatchly.xyz/palette/a2ecdf-a7d6a9-a6d8f5-ffc8ee-d2fff6 */
@theme {
  --color-sea-glass-teal: #a2ecdf;
  --color-sea-glass-teal-50: #e2fff9;
  --color-sea-glass-teal-100: #cef9f1;
  --color-sea-glass-teal-200: #a2ecdf;
  --color-sea-glass-teal-300: #96d2c7;
  --color-sea-glass-teal-400: #6eb3a7;
  --color-sea-glass-teal-500: #4e978b;
  --color-sea-glass-teal-600: #327b70;
  --color-sea-glass-teal-700: #1c6259;
  --color-sea-glass-teal-800: #0b4d45;
  --color-sea-glass-teal-900: #023c35;
  --color-sea-glass-teal-950: #002621;
  --color-in-good-taste: #a7d6a9;
  --color-in-good-taste-50: #ebffec;
  --color-in-good-taste-100: #ddf9de;
  --color-in-good-taste-200: #c6e8c7;
  --color-in-good-taste-300: #a7d6a9;
  --color-in-good-taste-400: #89b48b;
  --color-in-good-taste-500: #6b976d;
  --color-in-good-taste-600: #507b53;
  --color-in-good-taste-700: #3b623e;
  --color-in-good-taste-800: #2a4d2d;
  --color-in-good-taste-900: #1d3b20;
  --color-in-good-taste-950: #102512;
  --color-endless-horizon: #a6d8f5;
  --color-endless-horizon-50: #e0f3ff;
  --color-endless-horizon-100: #caeafe;
  --color-endless-horizon-200: #a6d8f5;
  --color-endless-horizon-300: #97c2db;
  --color-endless-horizon-400: #75a4bf;
  --color-endless-horizon-500: #5a8aa4;
  --color-endless-horizon-600: #427089;
  --color-endless-horizon-700: #2f5a71;
  --color-endless-horizon-800: #21475b;
  --color-endless-horizon-900: #163748;
  --color-endless-horizon-950: #0a222e;
  --color-puff-of-pink: #ffc8ee;
  --color-puff-of-pink-50: #fff4fb;
  --color-puff-of-pink-100: #ffe6f7;
  --color-puff-of-pink-200: #ffc8ee;
  --color-puff-of-pink-300: #e2b4d3;
  --color-puff-of-pink-400: #c492b5;
  --color-puff-of-pink-500: #a77699;
  --color-puff-of-pink-600: #8a5b7d;
  --color-puff-of-pink-700: #704564;
  --color-puff-of-pink-800: #59344f;
  --color-puff-of-pink-900: #46273d;
  --color-puff-of-pink-950: #2d1627;
  --color-candied-snow: #d2fff6;
  --color-candied-snow-50: #d2fff6;
  --color-candied-snow-100: #d6f1eb;
  --color-candied-snow-200: #bedfd8;
  --color-candied-snow-300: #a4c9c2;
  --color-candied-snow-400: #82aba3;
  --color-candied-snow-500: #669088;
  --color-candied-snow-600: #4d756e;
  --color-candied-snow-700: #395d57;
  --color-candied-snow-800: #294944;
  --color-candied-snow-900: #1d3934;
  --color-candied-snow-950: #0f2420;
}