Frosted Fir to Slightly in Love Color Palette

About this palette

Frosted Fir to Slightly in Love is a 4-color pastel, light palette: #ABD6B8 (Frosted Fir), #FFC9D1 (Cotton Candy Comet), #C7E2FF (Salty Ice), #FFE3DA (Slightly in Love). It mixes green, pink, blue, white tones and feels cool overall. The strongest text pairing is #ABD6B8 on #FFE3DA 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
Frosted Fir	rgb(171, 214, 184)	hsl(138, 34%, 75%)
Cotton Candy Comet	rgb(255, 201, 209)	hsl(351, 100%, 89%)
Salty Ice	rgb(199, 226, 255)	hsl(211, 100%, 89%)
Slightly in Love	rgb(255, 227, 218)	hsl(15, 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

/* Frosted Fir to Slightly in Love — https://swatchly.xyz/palette/abd6b8-ffc9d1-c7e2ff-ffe3da */
:root {
  --frosted-fir: #abd6b8;
  --cotton-candy-comet: #ffc9d1;
  --salty-ice: #c7e2ff;
  --slightly-in-love: #ffe3da;
}

Tailwind CSS v4

/* Frosted Fir to Slightly in Love — https://swatchly.xyz/palette/abd6b8-ffc9d1-c7e2ff-ffe3da */
@theme {
  --color-frosted-fir: #abd6b8;
  --color-frosted-fir-50: #edfff2;
  --color-frosted-fir-100: #e0f9e7;
  --color-frosted-fir-200: #cae8d2;
  --color-frosted-fir-300: #abd6b8;
  --color-frosted-fir-400: #8cb498;
  --color-frosted-fir-500: #6e977b;
  --color-frosted-fir-600: #537a60;
  --color-frosted-fir-700: #3d6149;
  --color-frosted-fir-800: #2c4c37;
  --color-frosted-fir-900: #1f3a28;
  --color-frosted-fir-950: #112418;
  --color-cotton-candy-comet: #ffc9d1;
  --color-cotton-candy-comet-50: #fff3f4;
  --color-cotton-candy-comet-100: #ffe5e9;
  --color-cotton-candy-comet-200: #ffc9d1;
  --color-cotton-candy-comet-300: #e2b5bb;
  --color-cotton-candy-comet-400: #c4949b;
  --color-cotton-candy-comet-500: #a8787f;
  --color-cotton-candy-comet-600: #8c5e65;
  --color-cotton-candy-comet-700: #71484f;
  --color-cotton-candy-comet-800: #5a363d;
  --color-cotton-candy-comet-900: #47292e;
  --color-cotton-candy-comet-950: #2e181c;
  --color-salty-ice: #c7e2ff;
  --color-salty-ice-50: #f6fbff;
  --color-salty-ice-100: #e7f3ff;
  --color-salty-ice-200: #c7e2ff;
  --color-salty-ice-300: #b4c9e1;
  --color-salty-ice-400: #91a9c3;
  --color-salty-ice-500: #738ca7;
  --color-salty-ice-600: #59708a;
  --color-salty-ice-700: #43586f;
  --color-salty-ice-800: #324458;
  --color-salty-ice-900: #253445;
  --color-salty-ice-950: #15202c;
  --color-slightly-in-love: #ffe3da;
  --color-slightly-in-love-50: #fff1ec;
  --color-slightly-in-love-100: #ffe3da;
  --color-slightly-in-love-200: #e6d1cb;
  --color-slightly-in-love-300: #d1bab3;
  --color-slightly-in-love-400: #b49b93;
  --color-slightly-in-love-500: #987f77;
  --color-slightly-in-love-600: #7d655e;
  --color-slightly-in-love-700: #655049;
  --color-slightly-in-love-800: #503d38;
  --color-slightly-in-love-900: #3e2f2a;
  --color-slightly-in-love-950: #271c19;
}