Whirlpool to Pink Pleasure Color Palette

About this palette

Whirlpool to Pink Pleasure is a 4-color pastel, light palette: #A3D3C5 (Whirlpool), #F3D3AA (Soufflé), #DBD5FF (Icy Plains), #FFDDE3 (Pink Pleasure). It mixes turquoise, orange, purple, pink tones and feels balanced overall. The strongest text pairing is #A3D3C5 on #FFDDE3 with a contrast ratio of 1.32:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Whirlpool	rgb(163, 211, 197)	hsl(163, 35%, 73%)
Soufflé	rgb(243, 211, 170)	hsl(34, 75%, 81%)
Icy Plains	rgb(219, 213, 255)	hsl(249, 100%, 92%)
Pink Pleasure	rgb(255, 221, 227)	hsl(349, 100%, 93%)

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

/* Whirlpool to Pink Pleasure — https://swatchly.xyz/palette/a3d3c5-f3d3aa-dbd5ff-ffdde3 */
:root {
  --whirlpool: #a3d3c5;
  --souffl: #f3d3aa;
  --icy-plains: #dbd5ff;
  --pink-pleasure: #ffdde3;
}

Tailwind CSS v4

/* Whirlpool to Pink Pleasure — https://swatchly.xyz/palette/a3d3c5-f3d3aa-dbd5ff-ffdde3 */
@theme {
  --color-whirlpool: #a3d3c5;
  --color-whirlpool-50: #e6fff7;
  --color-whirlpool-100: #dbf7ee;
  --color-whirlpool-200: #c4e5db;
  --color-whirlpool-300: #a3d3c5;
  --color-whirlpool-400: #85b1a5;
  --color-whirlpool-500: #679588;
  --color-whirlpool-600: #4c796d;
  --color-whirlpool-700: #376055;
  --color-whirlpool-800: #274b42;
  --color-whirlpool-900: #1b3a32;
  --color-whirlpool-950: #0e241e;
  --color-souffl: #f3d3aa;
  --color-souffl-50: #fff4e7;
  --color-souffl-100: #fde9d0;
  --color-souffl-200: #f3d3aa;
  --color-souffl-300: #d8bd9b;
  --color-souffl-400: #ba9d77;
  --color-souffl-500: #9e815b;
  --color-souffl-600: #826742;
  --color-souffl-700: #6a502e;
  --color-souffl-800: #543e20;
  --color-souffl-900: #412f15;
  --color-souffl-950: #2a1c0a;
  --color-icy-plains: #dbd5ff;
  --color-icy-plains-50: #f7f6ff;
  --color-icy-plains-100: #eeecff;
  --color-icy-plains-200: #dbd5ff;
  --color-icy-plains-300: #c4bfe1;
  --color-icy-plains-400: #a49ec4;
  --color-icy-plains-500: #8882a8;
  --color-icy-plains-600: #6d678c;
  --color-icy-plains-700: #565171;
  --color-icy-plains-800: #433e5a;
  --color-icy-plains-900: #332f47;
  --color-icy-plains-950: #1f1c2e;
  --color-pink-pleasure: #ffdde3;
  --color-pink-pleasure-50: #ffecef;
  --color-pink-pleasure-100: #ffdde3;
  --color-pink-pleasure-200: #e6cdd1;
  --color-pink-pleasure-300: #d2b6bb;
  --color-pink-pleasure-400: #b5969c;
  --color-pink-pleasure-500: #9a7c81;
  --color-pink-pleasure-600: #7f6268;
  --color-pink-pleasure-700: #674d52;
  --color-pink-pleasure-800: #523b40;
  --color-pink-pleasure-900: #402d31;
  --color-pink-pleasure-950: #291b1e;
}