Infinity Pool to Candied Snow Color Palette

About this palette

Infinity Pool to Candied Snow is a 4-color pastel, light, cool palette: #97CDDE (Infinity Pool), #CAE4FF (Salty Ice), #F3C9FF (Sugar Chic), #D5FFEE (Candied Snow). It mixes blue, purple, white tones and feels cool overall. The strongest text pairing is #97CDDE on #D5FFEE with a contrast ratio of 1.60:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Infinity Pool	rgb(151, 205, 222)	hsl(194, 52%, 73%)
Salty Ice	rgb(202, 228, 255)	hsl(211, 100%, 90%)
Sugar Chic	rgb(243, 201, 255)	hsl(287, 100%, 89%)
Candied Snow	rgb(213, 255, 238)	hsl(156, 100%, 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.

Color blindness preview

CSS variables

/* Infinity Pool to Candied Snow — https://swatchly.xyz/palette/97cdde-cae4ff-f3c9ff-d5ffee */
:root {
  --infinity-pool: #97cdde;
  --salty-ice: #cae4ff;
  --sugar-chic: #f3c9ff;
  --candied-snow: #d5ffee;
}

Tailwind CSS v4

/* Infinity Pool to Candied Snow — https://swatchly.xyz/palette/97cdde-cae4ff-f3c9ff-d5ffee */
@theme {
  --color-infinity-pool: #97cdde;
  --color-infinity-pool-50: #e9faff;
  --color-infinity-pool-100: #d3f3fe;
  --color-infinity-pool-200: #bae1ed;
  --color-infinity-pool-300: #97cdde;
  --color-infinity-pool-400: #7aacbc;
  --color-infinity-pool-500: #5c91a1;
  --color-infinity-pool-600: #427584;
  --color-infinity-pool-700: #2e5d6b;
  --color-infinity-pool-800: #1f4955;
  --color-infinity-pool-900: #143842;
  --color-infinity-pool-950: #09232a;
  --color-salty-ice: #cae4ff;
  --color-salty-ice-50: #f9fcff;
  --color-salty-ice-100: #eaf4ff;
  --color-salty-ice-200: #cae4ff;
  --color-salty-ice-300: #b6cbe1;
  --color-salty-ice-400: #93aac2;
  --color-salty-ice-500: #758da6;
  --color-salty-ice-600: #5a7188;
  --color-salty-ice-700: #44596e;
  --color-salty-ice-800: #324456;
  --color-salty-ice-900: #253444;
  --color-salty-ice-950: #15202b;
  --color-sugar-chic: #f3c9ff;
  --color-sugar-chic-50: #fcf4ff;
  --color-sugar-chic-100: #f9e6ff;
  --color-sugar-chic-200: #f3c9ff;
  --color-sugar-chic-300: #d8b5e2;
  --color-sugar-chic-400: #b993c4;
  --color-sugar-chic-500: #9e77a9;
  --color-sugar-chic-600: #815d8c;
  --color-sugar-chic-700: #684772;
  --color-sugar-chic-800: #52355b;
  --color-sugar-chic-900: #402847;
  --color-sugar-chic-950: #29172e;
  --color-candied-snow: #d5ffee;
  --color-candied-snow-50: #d5ffee;
  --color-candied-snow-100: #d7f1e6;
  --color-candied-snow-200: #c0dfd2;
  --color-candied-snow-300: #a7c9bb;
  --color-candied-snow-400: #85ab9c;
  --color-candied-snow-500: #699081;
  --color-candied-snow-600: #507567;
  --color-candied-snow-700: #3b5e51;
  --color-candied-snow-800: #2c4a3e;
  --color-candied-snow-900: #1f3930;
  --color-candied-snow-950: #11241d;
}