Water Nymph to Blackberry Yoghurt Color Palette

About this palette

Water Nymph to Blackberry Yoghurt is a 4-color pastel, light, cool palette: #8FCCDF (Water Nymph), #FADBFF (Grape Taffy), #E2F5B9 (Sour), #E5BFE4 (Blackberry Yoghurt). It mixes blue, purple, green, pink tones and feels cool overall. The strongest text pairing is #8FCCDF on #E2F5B9 with a contrast ratio of 1.52:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Water Nymph	rgb(143, 204, 223)	hsl(194, 56%, 72%)
Grape Taffy	rgb(250, 219, 255)	hsl(292, 100%, 93%)
Sour	rgb(226, 245, 185)	hsl(79, 75%, 84%)
Blackberry Yoghurt	rgb(229, 191, 228)	hsl(302, 42%, 82%)

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

/* Water Nymph to Blackberry Yoghurt — https://swatchly.xyz/palette/8fccdf-fadbff-e2f5b9-e5bfe4 */
:root {
  --water-nymph: #8fccdf;
  --grape-taffy: #fadbff;
  --sour: #e2f5b9;
  --blackberry-yoghurt: #e5bfe4;
}

Tailwind CSS v4

/* Water Nymph to Blackberry Yoghurt — https://swatchly.xyz/palette/8fccdf-fadbff-e2f5b9-e5bfe4 */
@theme {
  --color-water-nymph: #8fccdf;
  --color-water-nymph-50: #e6f9ff;
  --color-water-nymph-100: #cdf3ff;
  --color-water-nymph-200: #b4e0ee;
  --color-water-nymph-300: #8fccdf;
  --color-water-nymph-400: #72acbd;
  --color-water-nymph-500: #5590a2;
  --color-water-nymph-600: #3a7586;
  --color-water-nymph-700: #265d6d;
  --color-water-nymph-800: #174957;
  --color-water-nymph-900: #0d3944;
  --color-water-nymph-950: #05232c;
  --color-grape-taffy: #fadbff;
  --color-grape-taffy-50: #fcebff;
  --color-grape-taffy-100: #fadbff;
  --color-grape-taffy-200: #e2cbe6;
  --color-grape-taffy-300: #ceb4d2;
  --color-grape-taffy-400: #b095b5;
  --color-grape-taffy-500: #967a9a;
  --color-grape-taffy-600: #7b607f;
  --color-grape-taffy-700: #634b67;
  --color-grape-taffy-800: #4f3a52;
  --color-grape-taffy-900: #3d2b40;
  --color-grape-taffy-950: #271a29;
  --color-sour: #e2f5b9;
  --color-sour-50: #f0fbda;
  --color-sour-100: #e2f5b9;
  --color-sour-200: #d1dfb4;
  --color-sour-300: #b9c998;
  --color-sour-400: #99aa73;
  --color-sour-500: #7e8e57;
  --color-sour-600: #64733d;
  --color-sour-700: #4e5c2a;
  --color-sour-800: #3c481c;
  --color-sour-900: #2e3812;
  --color-sour-950: #1b2307;
  --color-blackberry-yoghurt: #e5bfe4;
  --color-blackberry-yoghurt-50: #fde6fc;
  --color-blackberry-yoghurt-100: #f3d9f2;
  --color-blackberry-yoghurt-200: #e5bfe4;
  --color-blackberry-yoghurt-300: #cdaccc;
  --color-blackberry-yoghurt-400: #b18eb0;
  --color-blackberry-yoghurt-500: #977496;
  --color-blackberry-yoghurt-600: #7d5c7c;
  --color-blackberry-yoghurt-700: #664865;
  --color-blackberry-yoghurt-800: #523852;
  --color-blackberry-yoghurt-900: #402a40;
  --color-blackberry-yoghurt-950: #291928;
}