Paradisiacal Getaway to Crème de la Crème color palette

8FE0EDParadisiacal Getaway AACEFFNight Snow BFEAD1Delta Mint D6E3FFVeiling Waterfalls F2EAB8Crème de la Crème

Open in generator Export PNG, PDF, ASE…

About this palette

Paradisiacal Getaway to Crème de la Crème is a 5-color pastel, light, cool palette: #8FE0ED (Paradisiacal Getaway), #AACEFF (Night Snow), #BFEAD1 (Delta Mint), #D6E3FF (Veiling Waterfalls), #F2EAB8 (Crème de la Crème). It mixes turquoise, blue, green, yellow tones and feels cool overall. The strongest text pairing is #AACEFF on #F2EAB8 with a contrast ratio of 1.33:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Paradisiacal Getaway	rgb(143, 224, 237)	hsl(188, 72%, 75%)
Night Snow	rgb(170, 206, 255)	hsl(215, 100%, 83%)
Delta Mint	rgb(191, 234, 209)	hsl(145, 51%, 83%)
Veiling Waterfalls	rgb(214, 227, 255)	hsl(221, 100%, 92%)
Crème de la Crème	rgb(242, 234, 184)	hsl(52, 69%, 84%)

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

/* Paradisiacal Getaway to Crème de la Crème — https://swatchly.xyz/palette/8fe0ed-aaceff-bfead1-d6e3ff-f2eab8 */
:root {
  --paradisiacal-getaway: #8fe0ed;
  --night-snow: #aaceff;
  --delta-mint: #bfead1;
  --veiling-waterfalls: #d6e3ff;
  --cr-me-de-la-cr-me: #f2eab8;
}

Tailwind CSS v4

/* Paradisiacal Getaway to Crème de la Crème — https://swatchly.xyz/palette/8fe0ed-aaceff-bfead1-d6e3ff-f2eab8 */
@theme {
  --color-paradisiacal-getaway: #8fe0ed;
  --color-paradisiacal-getaway-50: #d2f9ff;
  --color-paradisiacal-getaway-100: #bdf0f8;
  --color-paradisiacal-getaway-200: #8fe0ed;
  --color-paradisiacal-getaway-300: #84c9d4;
  --color-paradisiacal-getaway-400: #5dabb7;
  --color-paradisiacal-getaway-500: #3e919d;
  --color-paradisiacal-getaway-600: #227682;
  --color-paradisiacal-getaway-700: #085f6a;
  --color-paradisiacal-getaway-800: #004c55;
  --color-paradisiacal-getaway-900: #003a42;
  --color-paradisiacal-getaway-950: #00242a;
  --color-night-snow: #aaceff;
  --color-night-snow-50: #f8fbff;
  --color-night-snow-100: #ebf3ff;
  --color-night-snow-200: #cde2ff;
  --color-night-snow-300: #aaceff;
  --color-night-snow-400: #8cacd9;
  --color-night-snow-500: #6d8fbc;
  --color-night-snow-600: #52729e;
  --color-night-snow-700: #3c5981;
  --color-night-snow-800: #2b4567;
  --color-night-snow-900: #1e3350;
  --color-night-snow-950: #102034;
  --color-delta-mint: #bfead1;
  --color-delta-mint-50: #ecfff4;
  --color-delta-mint-100: #dff8e9;
  --color-delta-mint-200: #bfead1;
  --color-delta-mint-300: #add0bc;
  --color-delta-mint-400: #89b09a;
  --color-delta-mint-500: #6c947d;
  --color-delta-mint-600: #517862;
  --color-delta-mint-700: #3c5f4c;
  --color-delta-mint-800: #2b4a39;
  --color-delta-mint-900: #1f392b;
  --color-delta-mint-950: #11241a;
  --color-veiling-waterfalls: #d6e3ff;
  --color-veiling-waterfalls-50: #e6eeff;
  --color-veiling-waterfalls-100: #d6e3ff;
  --color-veiling-waterfalls-200: #c7d1e6;
  --color-veiling-waterfalls-300: #b1bcd3;
  --color-veiling-waterfalls-400: #929eb7;
  --color-veiling-waterfalls-500: #78849d;
  --color-veiling-waterfalls-600: #606a82;
  --color-veiling-waterfalls-700: #4b556b;
  --color-veiling-waterfalls-800: #3a4255;
  --color-veiling-waterfalls-900: #2b3343;
  --color-veiling-waterfalls-950: #1a1f2b;
  --color-cr-me-de-la-cr-me: #f2eab8;
  --color-cr-me-de-la-cr-me-50: #f8f4d8;
  --color-cr-me-de-la-cr-me-100: #f2eab8;
  --color-cr-me-de-la-cr-me-200: #dcd6b2;
  --color-cr-me-de-la-cr-me-300: #c7c097;
  --color-cr-me-de-la-cr-me-400: #a9a274;
  --color-cr-me-de-la-cr-me-500: #8e8758;
  --color-cr-me-de-la-cr-me-600: #746c40;
  --color-cr-me-de-la-cr-me-700: #5d562d;
  --color-cr-me-de-la-cr-me-800: #49431e;
  --color-cr-me-de-la-cr-me-900: #393314;
  --color-cr-me-de-la-cr-me-950: #232009;
}