New Love to Natural Light color palette

C8BBDCNew Love BCD294In Good Taste B4D8EAAriel D8E3FFVeiling Waterfalls EEECCANatural Light

About this palette

New Love to Natural Light is a 5-color pastel, light, cool palette: #C8BBDC (New Love), #BCD294 (In Good Taste), #B4D8EA (Ariel), #D8E3FF (Veiling Waterfalls), #EEECCA (Natural Light). It mixes purple, green, blue, yellow tones and feels cool overall. The strongest text pairing is #C8BBDC on #EEECCA 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
New Love	rgb(200, 187, 220)	hsl(264, 32%, 80%)
In Good Taste	rgb(188, 210, 148)	hsl(81, 41%, 70%)
Ariel	rgb(180, 216, 234)	hsl(200, 56%, 81%)
Veiling Waterfalls	rgb(216, 227, 255)	hsl(223, 100%, 92%)
Natural Light	rgb(238, 236, 202)	hsl(57, 51%, 86%)

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

/* New Love to Natural Light — https://swatchly.xyz/palette/c8bbdc-bcd294-b4d8ea-d8e3ff-eeecca */
:root {
  --new-love: #c8bbdc;
  --in-good-taste: #bcd294;
  --ariel: #b4d8ea;
  --veiling-waterfalls: #d8e3ff;
  --natural-light: #eeecca;
}

Tailwind CSS v4

/* New Love to Natural Light — https://swatchly.xyz/palette/c8bbdc-bcd294-b4d8ea-d8e3ff-eeecca */
@theme {
  --color-new-love: #c8bbdc;
  --color-new-love-50: #f8f3ff;
  --color-new-love-100: #f0e8fd;
  --color-new-love-200: #ddd3ec;
  --color-new-love-300: #c8bbdc;
  --color-new-love-400: #a89cba;
  --color-new-love-500: #8c809f;
  --color-new-love-600: #726683;
  --color-new-love-700: #5a506a;
  --color-new-love-800: #473d54;
  --color-new-love-900: #362e42;
  --color-new-love-950: #221c2a;
  --color-in-good-taste: #bcd294;
  --color-in-good-taste-50: #f2ffde;
  --color-in-good-taste-100: #e9f6d2;
  --color-in-good-taste-200: #d5e5b9;
  --color-in-good-taste-300: #bcd294;
  --color-in-good-taste-400: #9cb077;
  --color-in-good-taste-500: #809459;
  --color-in-good-taste-600: #64773e;
  --color-in-good-taste-700: #4e5f29;
  --color-in-good-taste-800: #3b4a1a;
  --color-in-good-taste-900: #2c3810;
  --color-in-good-taste-950: #1a2306;
  --color-ariel: #b4d8ea;
  --color-ariel-50: #e1f5ff;
  --color-ariel-100: #d3ebf6;
  --color-ariel-200: #b4d8ea;
  --color-ariel-300: #a3c2d1;
  --color-ariel-400: #82a4b4;
  --color-ariel-500: #67899a;
  --color-ariel-600: #4f6f7f;
  --color-ariel-700: #3c5967;
  --color-ariel-800: #2c4653;
  --color-ariel-900: #203641;
  --color-ariel-950: #122229;
  --color-veiling-waterfalls: #d8e3ff;
  --color-veiling-waterfalls-50: #e8eeff;
  --color-veiling-waterfalls-100: #d8e3ff;
  --color-veiling-waterfalls-200: #c8d1e6;
  --color-veiling-waterfalls-300: #b2bcd3;
  --color-veiling-waterfalls-400: #949db7;
  --color-veiling-waterfalls-500: #7a839d;
  --color-veiling-waterfalls-600: #616a82;
  --color-veiling-waterfalls-700: #4d556a;
  --color-veiling-waterfalls-800: #3b4255;
  --color-veiling-waterfalls-900: #2c3242;
  --color-veiling-waterfalls-950: #1b1f2a;
  --color-natural-light: #eeecca;
  --color-natural-light-50: #f6f5e2;
  --color-natural-light-100: #eeecca;
  --color-natural-light-200: #d9d8bf;
  --color-natural-light-300: #c3c2a6;
  --color-natural-light-400: #a5a384;
  --color-natural-light-500: #8a8868;
  --color-natural-light-600: #6f6d50;
  --color-natural-light-700: #59573c;
  --color-natural-light-800: #45442c;
  --color-natural-light-900: #353420;
  --color-natural-light-950: #212012;
}