Pink Pleasure to Crystal Color Palette

About this palette

Pink Pleasure to Crystal is a 4-color pastel, light palette: #FFDEE2 (Pink Pleasure), #E3F3C1 (Green Glint), #ECC2C2 (Berry Good), #A9DBDF (Crystal). It mixes pink, green, turquoise tones and feels balanced overall. The strongest text pairing is #E3F3C1 on #ECC2C2 with a contrast ratio of 1.37:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pink Pleasure	rgb(255, 222, 226)	hsl(353, 100%, 94%)
Green Glint	rgb(227, 243, 193)	hsl(79, 68%, 85%)
Berry Good	rgb(236, 194, 194)	hsl(0, 53%, 84%)
Crystal	rgb(169, 219, 223)	hsl(184, 46%, 77%)

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

/* Pink Pleasure to Crystal — https://swatchly.xyz/palette/ffdee2-e3f3c1-ecc2c2-a9dbdf */
:root {
  --pink-pleasure: #ffdee2;
  --green-glint: #e3f3c1;
  --berry-good: #ecc2c2;
  --crystal: #a9dbdf;
}

Tailwind CSS v4

/* Pink Pleasure to Crystal — https://swatchly.xyz/palette/ffdee2-e3f3c1-ecc2c2-a9dbdf */
@theme {
  --color-pink-pleasure: #ffdee2;
  --color-pink-pleasure-50: #ffedef;
  --color-pink-pleasure-100: #ffdee2;
  --color-pink-pleasure-200: #e6cdd0;
  --color-pink-pleasure-300: #d2b7ba;
  --color-pink-pleasure-400: #b5979b;
  --color-pink-pleasure-500: #9a7c80;
  --color-pink-pleasure-600: #7f6367;
  --color-pink-pleasure-700: #674e51;
  --color-pink-pleasure-800: #513c3f;
  --color-pink-pleasure-900: #3f2d30;
  --color-pink-pleasure-950: #281b1d;
  --color-green-glint: #e3f3c1;
  --color-green-glint-50: #f0fade;
  --color-green-glint-100: #e3f3c1;
  --color-green-glint-200: #d1ddb9;
  --color-green-glint-300: #bac79e;
  --color-green-glint-400: #9aa87b;
  --color-green-glint-500: #7f8d5f;
  --color-green-glint-600: #657246;
  --color-green-glint-700: #4f5b33;
  --color-green-glint-800: #3d4724;
  --color-green-glint-900: #2e3719;
  --color-green-glint-950: #1c220c;
  --color-berry-good: #ecc2c2;
  --color-berry-good-50: #ffe8e8;
  --color-berry-good-100: #f8dbdb;
  --color-berry-good-200: #ecc2c2;
  --color-berry-good-300: #d3afaf;
  --color-berry-good-400: #b79090;
  --color-berry-good-500: #9d7777;
  --color-berry-good-600: #825e5f;
  --color-berry-good-700: #6a4a4b;
  --color-berry-good-800: #563a3a;
  --color-berry-good-900: #432b2c;
  --color-berry-good-950: #2b1a1a;
  --color-crystal: #a9dbdf;
  --color-crystal-50: #daf7f9;
  --color-crystal-100: #ccecef;
  --color-crystal-200: #a9dbdf;
  --color-crystal-300: #99c4c8;
  --color-crystal-400: #78a7aa;
  --color-crystal-500: #5d8c90;
  --color-crystal-600: #457376;
  --color-crystal-700: #325c60;
  --color-crystal-800: #23494c;
  --color-crystal-900: #18393b;
  --color-crystal-950: #0c2325;
}