Frosted Fir to Ivory Tower Color Palette

About this palette

Frosted Fir to Ivory Tower is a 4-color pastel, light palette: #BAD8BF (Frosted Fir), #F5C3ED (Purple’s Baby Sister), #F9E1AC (Vanilla Cream), #FFF4F3 (Ivory Tower). It mixes green, pink, yellow, white tones and feels warm overall. The strongest text pairing is #BAD8BF on #FFF4F3 with a contrast ratio of 1.43:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Frosted Fir	rgb(186, 216, 191)	hsl(130, 28%, 79%)
Purple’s Baby Sister	rgb(245, 195, 237)	hsl(310, 71%, 86%)
Vanilla Cream	rgb(249, 225, 172)	hsl(41, 87%, 83%)
Ivory Tower	rgb(255, 244, 243)	hsl(5, 100%, 98%)

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 Ivory Tower — https://swatchly.xyz/palette/bad8bf-f5c3ed-f9e1ac-fff4f3 */
:root {
  --frosted-fir: #bad8bf;
  --purple-s-baby-sister: #f5c3ed;
  --vanilla-cream: #f9e1ac;
  --ivory-tower: #fff4f3;
}

Tailwind CSS v4

/* Frosted Fir to Ivory Tower — https://swatchly.xyz/palette/bad8bf-f5c3ed-f9e1ac-fff4f3 */
@theme {
  --color-frosted-fir: #bad8bf;
  --color-frosted-fir-50: #e3f5e6;
  --color-frosted-fir-100: #d6ead9;
  --color-frosted-fir-200: #bad8bf;
  --color-frosted-fir-300: #a8c2ac;
  --color-frosted-fir-400: #89a48d;
  --color-frosted-fir-500: #6f8a74;
  --color-frosted-fir-600: #57715b;
  --color-frosted-fir-700: #435b47;
  --color-frosted-fir-800: #334837;
  --color-frosted-fir-900: #263829;
  --color-frosted-fir-950: #162319;
  --color-purple-s-baby-sister: #f5c3ed;
  --color-purple-s-baby-sister-50: #ffeefc;
  --color-purple-s-baby-sister-100: #fedef9;
  --color-purple-s-baby-sister-200: #f5c3ed;
  --color-purple-s-baby-sister-300: #dab0d3;
  --color-purple-s-baby-sister-400: #bd8fb6;
  --color-purple-s-baby-sister-500: #a1749b;
  --color-purple-s-baby-sister-600: #865a7f;
  --color-purple-s-baby-sister-700: #6d4567;
  --color-purple-s-baby-sister-800: #573552;
  --color-purple-s-baby-sister-900: #442740;
  --color-purple-s-baby-sister-950: #2b1729;
  --color-vanilla-cream: #f9e1ac;
  --color-vanilla-cream-50: #fcedce;
  --color-vanilla-cream-100: #f9e1ac;
  --color-vanilla-cream-200: #e2cfa7;
  --color-vanilla-cream-300: #ceba8d;
  --color-vanilla-cream-400: #b19b6a;
  --color-vanilla-cream-500: #97814f;
  --color-vanilla-cream-600: #7d6837;
  --color-vanilla-cream-700: #665325;
  --color-vanilla-cream-800: #514017;
  --color-vanilla-cream-900: #3f310e;
  --color-vanilla-cream-950: #281e05;
  --color-ivory-tower: #fff4f3;
  --color-ivory-tower-50: #fff4f3;
  --color-ivory-tower-100: #f1ebea;
  --color-ivory-tower-200: #ded6d6;
  --color-ivory-tower-300: #c8bfbf;
  --color-ivory-tower-400: #a99f9f;
  --color-ivory-tower-500: #8e8483;
  --color-ivory-tower-600: #726968;
  --color-ivory-tower-700: #5b5352;
  --color-ivory-tower-800: #484040;
  --color-ivory-tower-900: #373131;
  --color-ivory-tower-950: #221e1e;
}