Fricassée to Sugarwinkle Color Palette

About this palette

Fricassée to Sugarwinkle is a 4-color pastel, light palette: #FEE6C4 (Fricassée), #BFDDF4 (Sleepless Blue), #B0DBAA (Fizz), #FFC5DE (Sugarwinkle). It mixes yellow, blue, green, pink tones and feels balanced overall. The strongest text pairing is #FEE6C4 on #B0DBAA with a contrast ratio of 1.28:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Fricassée	rgb(254, 230, 196)	hsl(35, 97%, 88%)
Sleepless Blue	rgb(191, 221, 244)	hsl(206, 71%, 85%)
Fizz	rgb(176, 219, 170)	hsl(113, 40%, 76%)
Sugarwinkle	rgb(255, 197, 222)	hsl(334, 100%, 89%)

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

/* Fricassée to Sugarwinkle — https://swatchly.xyz/palette/fee6c4-bfddf4-b0dbaa-ffc5de */
:root {
  --fricass-e: #fee6c4;
  --sleepless-blue: #bfddf4;
  --fizz: #b0dbaa;
  --sugarwinkle: #ffc5de;
}

Tailwind CSS v4

/* Fricassée to Sugarwinkle — https://swatchly.xyz/palette/fee6c4-bfddf4-b0dbaa-ffc5de */
@theme {
  --color-fricass-e: #fee6c4;
  --color-fricass-e-50: #fff2e0;
  --color-fricass-e-100: #fee6c4;
  --color-fricass-e-200: #e5d4bb;
  --color-fricass-e-300: #d1bda1;
  --color-fricass-e-400: #b39d7f;
  --color-fricass-e-500: #988263;
  --color-fricass-e-600: #7d684a;
  --color-fricass-e-700: #655237;
  --color-fricass-e-800: #503f27;
  --color-fricass-e-900: #3e301c;
  --color-fricass-e-950: #271d0f;
  --color-sleepless-blue: #bfddf4;
  --color-sleepless-blue-50: #edf7ff;
  --color-sleepless-blue-100: #dceffd;
  --color-sleepless-blue-200: #bfddf4;
  --color-sleepless-blue-300: #adc5d9;
  --color-sleepless-blue-400: #8ba6bb;
  --color-sleepless-blue-500: #6f8ba0;
  --color-sleepless-blue-600: #557084;
  --color-sleepless-blue-700: #40596b;
  --color-sleepless-blue-800: #304555;
  --color-sleepless-blue-900: #233542;
  --color-sleepless-blue-950: #14212a;
  --color-fizz: #b0dbaa;
  --color-fizz-50: #ddf7d9;
  --color-fizz-100: #cfeccb;
  --color-fizz-200: #b0dbaa;
  --color-fizz-300: #9fc59a;
  --color-fizz-400: #80a87a;
  --color-fizz-500: #668e60;
  --color-fizz-600: #4e7449;
  --color-fizz-700: #3b5e37;
  --color-fizz-800: #2d4b29;
  --color-fizz-900: #203a1d;
  --color-fizz-950: #12250f;
  --color-sugarwinkle: #ffc5de;
  --color-sugarwinkle-50: #fff1f7;
  --color-sugarwinkle-100: #ffe3ee;
  --color-sugarwinkle-200: #ffc5de;
  --color-sugarwinkle-300: #e2b2c6;
  --color-sugarwinkle-400: #c590a7;
  --color-sugarwinkle-500: #a9748c;
  --color-sugarwinkle-600: #8c5a71;
  --color-sugarwinkle-700: #72455a;
  --color-sugarwinkle-800: #5b3446;
  --color-sugarwinkle-900: #482736;
  --color-sugarwinkle-950: #2e1722;
}