Veiling Waterfalls to The Big Freeze Color Palette

About this palette

Veiling Waterfalls to The Big Freeze is a 4-color pastel, light, cool palette: #D9E8FF (Veiling Waterfalls), #F4D5B3 (Lion’s Roar), #A2D9AF (Big Spender), #BAFFF8 (The Big Freeze). It mixes blue, orange, green, turquoise tones and feels cool overall. The strongest text pairing is #A2D9AF on #BAFFF8 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
Veiling Waterfalls	rgb(217, 232, 255)	hsl(216, 100%, 93%)
Lion’s Roar	rgb(244, 213, 179)	hsl(31, 75%, 83%)
Big Spender	rgb(162, 217, 175)	hsl(134, 42%, 74%)
The Big Freeze	rgb(186, 255, 248)	hsl(174, 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

/* Veiling Waterfalls to The Big Freeze — https://swatchly.xyz/palette/d9e8ff-f4d5b3-a2d9af-bafff8 */
:root {
  --veiling-waterfalls: #d9e8ff;
  --lion-s-roar: #f4d5b3;
  --big-spender: #a2d9af;
  --the-big-freeze: #bafff8;
}

Tailwind CSS v4

/* Veiling Waterfalls to The Big Freeze — https://swatchly.xyz/palette/d9e8ff-f4d5b3-a2d9af-bafff8 */
@theme {
  --color-veiling-waterfalls: #d9e8ff;
  --color-veiling-waterfalls-50: #eaf2ff;
  --color-veiling-waterfalls-100: #d9e8ff;
  --color-veiling-waterfalls-200: #cad5e6;
  --color-veiling-waterfalls-300: #b3bfd2;
  --color-veiling-waterfalls-400: #93a0b5;
  --color-veiling-waterfalls-500: #78869a;
  --color-veiling-waterfalls-600: #5f6c80;
  --color-veiling-waterfalls-700: #4a5668;
  --color-veiling-waterfalls-800: #394352;
  --color-veiling-waterfalls-900: #2b3340;
  --color-veiling-waterfalls-950: #192029;
  --color-lion-s-roar: #f4d5b3;
  --color-lion-s-roar-50: #fff6ec;
  --color-lion-s-roar-100: #feebd6;
  --color-lion-s-roar-200: #f4d5b3;
  --color-lion-s-roar-300: #d8bfa3;
  --color-lion-s-roar-400: #ba9e7f;
  --color-lion-s-roar-500: #9e8262;
  --color-lion-s-roar-600: #826749;
  --color-lion-s-roar-700: #695135;
  --color-lion-s-roar-800: #533e25;
  --color-lion-s-roar-900: #412f1a;
  --color-lion-s-roar-950: #291c0d;
  --color-big-spender: #a2d9af;
  --color-big-spender-50: #edfff1;
  --color-big-spender-100: #dbfbe1;
  --color-big-spender-200: #c4eacc;
  --color-big-spender-300: #a2d9af;
  --color-big-spender-400: #84b790;
  --color-big-spender-500: #659a73;
  --color-big-spender-600: #4a7d58;
  --color-big-spender-700: #346442;
  --color-big-spender-800: #244e30;
  --color-big-spender-900: #183b23;
  --color-big-spender-950: #0c2514;
  --color-the-big-freeze: #bafff8;
  --color-the-big-freeze-50: #e5fffc;
  --color-the-big-freeze-100: #bafff8;
  --color-the-big-freeze-200: #b6e6e1;
  --color-the-big-freeze-300: #98d0cb;
  --color-the-big-freeze-400: #72b1ab;
  --color-the-big-freeze-500: #52958f;
  --color-the-big-freeze-600: #377974;
  --color-the-big-freeze-700: #22615c;
  --color-the-big-freeze-800: #134c48;
  --color-the-big-freeze-900: #083b38;
  --color-the-big-freeze-950: #022523;
}