Ivory Tower to Night Snow Color Palette

About this palette

Ivory Tower to Night Snow is a 4-color pastel, light palette: #FFF2F3 (Ivory Tower), #F5E9BE (Candle in the Wind), #E3B9B5 (Soft Blush), #B6D1FF (Night Snow). It mixes white, yellow, pink, blue tones and feels warm overall. The strongest text pairing is #FFF2F3 on #E3B9B5 with a contrast ratio of 1.62:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Ivory Tower	rgb(255, 242, 243)	hsl(355, 100%, 97%)
Candle in the Wind	rgb(245, 233, 190)	hsl(47, 73%, 85%)
Soft Blush	rgb(227, 185, 181)	hsl(5, 45%, 80%)
Night Snow	rgb(182, 209, 255)	hsl(218, 100%, 86%)

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

/* Ivory Tower to Night Snow — https://swatchly.xyz/palette/fff2f3-f5e9be-e3b9b5-b6d1ff */
:root {
  --ivory-tower: #fff2f3;
  --candle-in-the-wind: #f5e9be;
  --soft-blush: #e3b9b5;
  --night-snow: #b6d1ff;
}

Tailwind CSS v4

/* Ivory Tower to Night Snow — https://swatchly.xyz/palette/fff2f3-f5e9be-e3b9b5-b6d1ff */
@theme {
  --color-ivory-tower: #fff2f3;
  --color-ivory-tower-50: #fff2f3;
  --color-ivory-tower-100: #f1e9ea;
  --color-ivory-tower-200: #dfd5d6;
  --color-ivory-tower-300: #c9bebf;
  --color-ivory-tower-400: #aa9e9f;
  --color-ivory-tower-500: #8e8384;
  --color-ivory-tower-600: #74696a;
  --color-ivory-tower-700: #5c5253;
  --color-ivory-tower-800: #484041;
  --color-ivory-tower-900: #383131;
  --color-ivory-tower-950: #231e1e;
  --color-candle-in-the-wind: #f5e9be;
  --color-candle-in-the-wind-50: #faf3db;
  --color-candle-in-the-wind-100: #f5e9be;
  --color-candle-in-the-wind-200: #ded6b6;
  --color-candle-in-the-wind-300: #c9c09c;
  --color-candle-in-the-wind-400: #aba079;
  --color-candle-in-the-wind-500: #90855e;
  --color-candle-in-the-wind-600: #766b45;
  --color-candle-in-the-wind-700: #5f5532;
  --color-candle-in-the-wind-800: #4b4223;
  --color-candle-in-the-wind-900: #3a3318;
  --color-candle-in-the-wind-950: #241f0c;
  --color-soft-blush: #e3b9b5;
  --color-soft-blush-50: #fff4f3;
  --color-soft-blush-100: #ffe7e5;
  --color-soft-blush-200: #f1d2cf;
  --color-soft-blush-300: #e3b9b5;
  --color-soft-blush-400: #c09a96;
  --color-soft-blush-500: #a47d7a;
  --color-soft-blush-600: #886360;
  --color-soft-blush-700: #6e4d4a;
  --color-soft-blush-800: #573a38;
  --color-soft-blush-900: #442c2a;
  --color-soft-blush-950: #2b1a19;
  --color-night-snow: #b6d1ff;
  --color-night-snow-50: #e8f0ff;
  --color-night-snow-100: #d7e6ff;
  --color-night-snow-200: #b6d1ff;
  --color-night-snow-300: #a4bce3;
  --color-night-snow-400: #859ec8;
  --color-night-snow-500: #6b83ae;
  --color-night-snow-600: #536a92;
  --color-night-snow-700: #3f5478;
  --color-night-snow-800: #304262;
  --color-night-snow-900: #23334e;
  --color-night-snow-950: #141f32;
}