Biscuit to Frozen Forest Color Palette

About this palette

Biscuit to Frozen Forest is a 5-color pastel, light, warm palette: #FFEDCE (Biscuit), #F0C8BF (Strawberry Risotto), #A9CEF8 (Baby Blue), #FACFF4 (Kissed by Mist), #C7E7BD (Frozen Forest). It mixes white, pink, blue, green tones and feels warm overall. The strongest text pairing is #FFEDCE on #A9CEF8 with a contrast ratio of 1.42:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Biscuit	rgb(255, 237, 206)	hsl(38, 100%, 90%)
Strawberry Risotto	rgb(240, 200, 191)	hsl(11, 62%, 85%)
Baby Blue	rgb(169, 206, 248)	hsl(212, 85%, 82%)
Kissed by Mist	rgb(250, 207, 244)	hsl(308, 81%, 90%)
Frozen Forest	rgb(199, 231, 189)	hsl(106, 47%, 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

/* Biscuit to Frozen Forest — https://swatchly.xyz/palette/ffedce-f0c8bf-a9cef8-facff4-c7e7bd */
:root {
  --biscuit: #ffedce;
  --strawberry-risotto: #f0c8bf;
  --baby-blue: #a9cef8;
  --kissed-by-mist: #facff4;
  --frozen-forest: #c7e7bd;
}

Tailwind CSS v4

/* Biscuit to Frozen Forest — https://swatchly.xyz/palette/ffedce-f0c8bf-a9cef8-facff4-c7e7bd */
@theme {
  --color-biscuit: #ffedce;
  --color-biscuit-50: #fff8eb;
  --color-biscuit-100: #ffedce;
  --color-biscuit-200: #e6d9c3;
  --color-biscuit-300: #d0c2a9;
  --color-biscuit-400: #b1a185;
  --color-biscuit-500: #958569;
  --color-biscuit-600: #7a6a4f;
  --color-biscuit-700: #61533b;
  --color-biscuit-800: #4d402b;
  --color-biscuit-900: #3c311f;
  --color-biscuit-950: #251e11;
  --color-strawberry-risotto: #f0c8bf;
  --color-strawberry-risotto-50: #ffede9;
  --color-strawberry-risotto-100: #fbe0da;
  --color-strawberry-risotto-200: #f0c8bf;
  --color-strawberry-risotto-300: #d6b4ac;
  --color-strawberry-risotto-400: #b9958c;
  --color-strawberry-risotto-500: #9e7a72;
  --color-strawberry-risotto-600: #836159;
  --color-strawberry-risotto-700: #6b4c45;
  --color-strawberry-risotto-800: #563b35;
  --color-strawberry-risotto-900: #432c27;
  --color-strawberry-risotto-950: #2b1b17;
  --color-baby-blue: #a9cef8;
  --color-baby-blue-50: #f6faff;
  --color-baby-blue-100: #e8f3ff;
  --color-baby-blue-200: #c9e2ff;
  --color-baby-blue-300: #a9cef8;
  --color-baby-blue-400: #8bacd3;
  --color-baby-blue-500: #6c8fb6;
  --color-baby-blue-600: #517398;
  --color-baby-blue-700: #3c5a7c;
  --color-baby-blue-800: #2b4563;
  --color-baby-blue-900: #1e344d;
  --color-baby-blue-950: #102032;
  --color-kissed-by-mist: #facff4;
  --color-kissed-by-mist-50: #fff7fe;
  --color-kissed-by-mist-100: #ffeafc;
  --color-kissed-by-mist-200: #facff4;
  --color-kissed-by-mist-300: #ddbad8;
  --color-kissed-by-mist-400: #be98b9;
  --color-kissed-by-mist-500: #a27b9d;
  --color-kissed-by-mist-600: #856080;
  --color-kissed-by-mist-700: #6b4967;
  --color-kissed-by-mist-800: #543750;
  --color-kissed-by-mist-900: #42293f;
  --color-kissed-by-mist-950: #2a1828;
  --color-frozen-forest: #c7e7bd;
  --color-frozen-forest-50: #edfee8;
  --color-frozen-forest-100: #e3f6dd;
  --color-frozen-forest-200: #c7e7bd;
  --color-frozen-forest-300: #b3ceab;
  --color-frozen-forest-400: #91ae88;
  --color-frozen-forest-500: #75926b;
  --color-frozen-forest-600: #5a7651;
  --color-frozen-forest-700: #455e3d;
  --color-frozen-forest-800: #33492c;
  --color-frozen-forest-900: #263920;
  --color-frozen-forest-950: #162312;
}