Infinity Pool to Creamy Cloud Dreams color palette

83D9E9Infinity Pool E3B7DFBlackberry Yoghurt D5E3FFVeiling Waterfalls BCF8EBGlacial Drift FFF4DECreamy Cloud Dreams

Open in generator Export PNG, PDF, ASE…

About this palette

Infinity Pool to Creamy Cloud Dreams is a 5-color pastel, light, cool palette: #83D9E9 (Infinity Pool), #E3B7DF (Blackberry Yoghurt), #D5E3FF (Veiling Waterfalls), #BCF8EB (Glacial Drift), #FFF4DE (Creamy Cloud Dreams). It mixes turquoise, pink, blue, white tones and feels cool overall. The strongest text pairing is #E3B7DF on #FFF4DE with a contrast ratio of 1.59:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Infinity Pool	rgb(131, 217, 233)	hsl(189, 70%, 71%)
Blackberry Yoghurt	rgb(227, 183, 223)	hsl(305, 44%, 80%)
Veiling Waterfalls	rgb(213, 227, 255)	hsl(220, 100%, 92%)
Glacial Drift	rgb(188, 248, 235)	hsl(167, 81%, 85%)
Creamy Cloud Dreams	rgb(255, 244, 222)	hsl(40, 100%, 94%)

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 Creamy Cloud Dreams — https://swatchly.xyz/palette/83d9e9-e3b7df-d5e3ff-bcf8eb-fff4de */
:root {
  --infinity-pool: #83d9e9;
  --blackberry-yoghurt: #e3b7df;
  --veiling-waterfalls: #d5e3ff;
  --glacial-drift: #bcf8eb;
  --creamy-cloud-dreams: #fff4de;
}

Tailwind CSS v4

/* Infinity Pool to Creamy Cloud Dreams — https://swatchly.xyz/palette/83d9e9-e3b7df-d5e3ff-bcf8eb-fff4de */
@theme {
  --color-infinity-pool: #83d9e9;
  --color-infinity-pool-50: #effcff;
  --color-infinity-pool-100: #d6f8ff;
  --color-infinity-pool-200: #b1eaf5;
  --color-infinity-pool-300: #83d9e9;
  --color-infinity-pool-400: #67b6c5;
  --color-infinity-pool-500: #4299a9;
  --color-infinity-pool-600: #207d8b;
  --color-infinity-pool-700: #006371;
  --color-infinity-pool-800: #004d58;
  --color-infinity-pool-900: #003a43;
  --color-infinity-pool-950: #00242a;
  --color-blackberry-yoghurt: #e3b7df;
  --color-blackberry-yoghurt-50: #fff5fe;
  --color-blackberry-yoghurt-100: #ffe7fc;
  --color-blackberry-yoghurt-200: #f1d1ee;
  --color-blackberry-yoghurt-300: #e3b7df;
  --color-blackberry-yoghurt-400: #c098bc;
  --color-blackberry-yoghurt-500: #a37ba0;
  --color-blackberry-yoghurt-600: #865f83;
  --color-blackberry-yoghurt-700: #6c496a;
  --color-blackberry-yoghurt-800: #563753;
  --color-blackberry-yoghurt-900: #422840;
  --color-blackberry-yoghurt-950: #2a1829;
  --color-veiling-waterfalls: #d5e3ff;
  --color-veiling-waterfalls-50: #e6eeff;
  --color-veiling-waterfalls-100: #d5e3ff;
  --color-veiling-waterfalls-200: #c6d1e6;
  --color-veiling-waterfalls-300: #b0bcd3;
  --color-veiling-waterfalls-400: #919eb7;
  --color-veiling-waterfalls-500: #77849d;
  --color-veiling-waterfalls-600: #5f6b83;
  --color-veiling-waterfalls-700: #4b556b;
  --color-veiling-waterfalls-800: #394255;
  --color-veiling-waterfalls-900: #2b3343;
  --color-veiling-waterfalls-950: #1a1f2b;
  --color-glacial-drift: #bcf8eb;
  --color-glacial-drift-50: #dbfcf4;
  --color-glacial-drift-100: #bcf8eb;
  --color-glacial-drift-200: #b5e1d7;
  --color-glacial-drift-300: #9accc1;
  --color-glacial-drift-400: #76aea2;
  --color-glacial-drift-500: #599287;
  --color-glacial-drift-600: #40776d;
  --color-glacial-drift-700: #2c6056;
  --color-glacial-drift-800: #1d4c43;
  --color-glacial-drift-900: #123b34;
  --color-glacial-drift-950: #082520;
  --color-creamy-cloud-dreams: #fff4de;
  --color-creamy-cloud-dreams-50: #fff4de;
  --color-creamy-cloud-dreams-100: #f1eadd;
  --color-creamy-cloud-dreams-200: #dfd7c7;
  --color-creamy-cloud-dreams-300: #c9c0ae;
  --color-creamy-cloud-dreams-400: #aaa08d;
  --color-creamy-cloud-dreams-500: #8f8571;
  --color-creamy-cloud-dreams-600: #746b58;
  --color-creamy-cloud-dreams-700: #5d5443;
  --color-creamy-cloud-dreams-800: #494133;
  --color-creamy-cloud-dreams-900: #383225;
  --color-creamy-cloud-dreams-950: #231f16;
}