Veiling Waterfalls to Night Snow Color Palette

About this palette

Veiling Waterfalls to Night Snow is a 4-color pastel, light, cool palette: #DEE3FF (Veiling Waterfalls), #FCF4D5 (Lunar Luxury), #A2E7C9 (Glaucous Green), #A7C9F5 (Night Snow). It mixes purple, white, turquoise, blue tones and feels cool overall. The strongest text pairing is #FCF4D5 on #A7C9F5 with a contrast ratio of 1.55:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Veiling Waterfalls	rgb(222, 227, 255)	hsl(231, 100%, 94%)
Lunar Luxury	rgb(252, 244, 213)	hsl(48, 87%, 91%)
Glaucous Green	rgb(162, 231, 201)	hsl(154, 59%, 77%)
Night Snow	rgb(167, 201, 245)	hsl(214, 80%, 81%)

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

/* Veiling Waterfalls to Night Snow — https://swatchly.xyz/palette/dee3ff-fcf4d5-a2e7c9-a7c9f5 */
:root {
  --veiling-waterfalls: #dee3ff;
  --lunar-luxury: #fcf4d5;
  --glaucous-green: #a2e7c9;
  --night-snow: #a7c9f5;
}

Tailwind CSS v4

/* Veiling Waterfalls to Night Snow — https://swatchly.xyz/palette/dee3ff-fcf4d5-a2e7c9-a7c9f5 */
@theme {
  --color-veiling-waterfalls: #dee3ff;
  --color-veiling-waterfalls-50: #ecefff;
  --color-veiling-waterfalls-100: #dee3ff;
  --color-veiling-waterfalls-200: #cdd1e6;
  --color-veiling-waterfalls-300: #b7bbd3;
  --color-veiling-waterfalls-400: #989db6;
  --color-veiling-waterfalls-500: #7e829c;
  --color-veiling-waterfalls-600: #656981;
  --color-veiling-waterfalls-700: #505469;
  --color-veiling-waterfalls-800: #3e4154;
  --color-veiling-waterfalls-900: #2f3241;
  --color-veiling-waterfalls-950: #1d1e2a;
  --color-lunar-luxury: #fcf4d5;
  --color-lunar-luxury-50: #fcf4d5;
  --color-lunar-luxury-100: #efead7;
  --color-lunar-luxury-200: #ddd7c0;
  --color-lunar-luxury-300: #c7c0a7;
  --color-lunar-luxury-400: #a8a185;
  --color-lunar-luxury-500: #8d866a;
  --color-lunar-luxury-600: #736c51;
  --color-lunar-luxury-700: #5c553d;
  --color-lunar-luxury-800: #48422d;
  --color-lunar-luxury-900: #383321;
  --color-lunar-luxury-950: #231f12;
  --color-glaucous-green: #a2e7c9;
  --color-glaucous-green-50: #d8feed;
  --color-glaucous-green-100: #cbf5e1;
  --color-glaucous-green-200: #a2e7c9;
  --color-glaucous-green-300: #94ceb5;
  --color-glaucous-green-400: #6fb095;
  --color-glaucous-green-500: #52957a;
  --color-glaucous-green-600: #387a60;
  --color-glaucous-green-700: #24624b;
  --color-glaucous-green-800: #154e3a;
  --color-glaucous-green-900: #0a3c2b;
  --color-glaucous-green-950: #03261a;
  --color-night-snow: #a7c9f5;
  --color-night-snow-50: #f3f8ff;
  --color-night-snow-100: #e4f0ff;
  --color-night-snow-200: #c6defe;
  --color-night-snow-300: #a7c9f5;
  --color-night-snow-400: #89a8d1;
  --color-night-snow-500: #6c8cb5;
  --color-night-snow-600: #527097;
  --color-night-snow-700: #3d587c;
  --color-night-snow-800: #2c4463;
  --color-night-snow-900: #1f344e;
  --color-night-snow-950: #112032;
}