Strawberry Risotto to Sweetly color palette

EEC8BBStrawberry Risotto BBCEB3Isle of Dreams B0FFF4Blister Pearl F4E3AFMeringue FFE4F1Sweetly

About this palette

Strawberry Risotto to Sweetly is a 5-color pastel, light palette: #EEC8BB (Strawberry Risotto), #BBCEB3 (Isle of Dreams), #B0FFF4 (Blister Pearl), #F4E3AF (Meringue), #FFE4F1 (Sweetly). It mixes pink, green, turquoise, yellow, white tones and feels balanced overall. The strongest text pairing is #BBCEB3 on #B0FFF4 with a contrast ratio of 1.47:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Strawberry Risotto	rgb(238, 200, 187)	hsl(15, 60%, 83%)
Isle of Dreams	rgb(187, 206, 179)	hsl(102, 22%, 75%)
Blister Pearl	rgb(176, 255, 244)	hsl(172, 100%, 85%)
Meringue	rgb(244, 227, 175)	hsl(45, 76%, 82%)
Sweetly	rgb(255, 228, 241)	hsl(331, 100%, 95%)

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

/* Strawberry Risotto to Sweetly — https://swatchly.xyz/palette/eec8bb-bbceb3-b0fff4-f4e3af-ffe4f1 */
:root {
  --strawberry-risotto: #eec8bb;
  --isle-of-dreams: #bbceb3;
  --blister-pearl: #b0fff4;
  --meringue: #f4e3af;
  --sweetly: #ffe4f1;
}

Tailwind CSS v4

/* Strawberry Risotto to Sweetly — https://swatchly.xyz/palette/eec8bb-bbceb3-b0fff4-f4e3af-ffe4f1 */
@theme {
  --color-strawberry-risotto: #eec8bb;
  --color-strawberry-risotto-50: #ffede6;
  --color-strawberry-risotto-100: #f9e0d7;
  --color-strawberry-risotto-200: #eec8bb;
  --color-strawberry-risotto-300: #d4b4a9;
  --color-strawberry-risotto-400: #b89589;
  --color-strawberry-risotto-500: #9d7a6f;
  --color-strawberry-risotto-600: #826156;
  --color-strawberry-risotto-700: #6a4c42;
  --color-strawberry-risotto-800: #553b33;
  --color-strawberry-risotto-900: #422d25;
  --color-strawberry-risotto-950: #2a1b16;
  --color-isle-of-dreams: #bbceb3;
  --color-isle-of-dreams-50: #f2fced;
  --color-isle-of-dreams-100: #e8f4e3;
  --color-isle-of-dreams-200: #d4e2ce;
  --color-isle-of-dreams-300: #bbceb3;
  --color-isle-of-dreams-400: #9bad94;
  --color-isle-of-dreams-500: #7f9077;
  --color-isle-of-dreams-600: #64755c;
  --color-isle-of-dreams-700: #4d5c47;
  --color-isle-of-dreams-800: #3b4835;
  --color-isle-of-dreams-900: #2c3727;
  --color-isle-of-dreams-950: #1a2217;
  --color-blister-pearl: #b0fff4;
  --color-blister-pearl-50: #defffa;
  --color-blister-pearl-100: #b0fff4;
  --color-blister-pearl-200: #afe6de;
  --color-blister-pearl-300: #90d1c8;
  --color-blister-pearl-400: #68b2a9;
  --color-blister-pearl-500: #48968d;
  --color-blister-pearl-600: #2b7b72;
  --color-blister-pearl-700: #14625b;
  --color-blister-pearl-800: #024e47;
  --color-blister-pearl-900: #003c37;
  --color-blister-pearl-950: #002622;
  --color-meringue: #f4e3af;
  --color-meringue-50: #f8efd0;
  --color-meringue-100: #f4e3af;
  --color-meringue-200: #ded1aa;
  --color-meringue-300: #cabb90;
  --color-meringue-400: #ad9d6d;
  --color-meringue-500: #938352;
  --color-meringue-600: #796a3a;
  --color-meringue-700: #625428;
  --color-meringue-800: #4d411a;
  --color-meringue-900: #3c3210;
  --color-meringue-950: #261f07;
  --color-sweetly: #ffe4f1;
  --color-sweetly-50: #fff2f8;
  --color-sweetly-100: #ffe4f1;
  --color-sweetly-200: #e6d2dc;
  --color-sweetly-300: #d1bbc5;
  --color-sweetly-400: #b29aa6;
  --color-sweetly-500: #977f8a;
  --color-sweetly-600: #7b6470;
  --color-sweetly-700: #634e59;
  --color-sweetly-800: #4e3c45;
  --color-sweetly-900: #3d2e35;
  --color-sweetly-950: #261c21;
}