In Good Taste to Veiling Waterfalls Color Palette

About this palette

In Good Taste to Veiling Waterfalls is a 4-color pastel, light, cool palette: #C3D19E (In Good Taste), #B0CEFF (Night Snow), #F7D19A (Granola), #D1EBFF (Veiling Waterfalls). It mixes green, blue, yellow tones and feels cool overall. The strongest text pairing is #C3D19E on #D1EBFF 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
In Good Taste	rgb(195, 209, 158)	hsl(76, 36%, 72%)
Night Snow	rgb(176, 206, 255)	hsl(217, 100%, 85%)
Granola	rgb(247, 209, 154)	hsl(35, 85%, 79%)
Veiling Waterfalls	rgb(209, 235, 255)	hsl(206, 100%, 91%)

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

/* In Good Taste to Veiling Waterfalls — https://swatchly.xyz/palette/c3d19e-b0ceff-f7d19a-d1ebff */
:root {
  --in-good-taste: #c3d19e;
  --night-snow: #b0ceff;
  --granola: #f7d19a;
  --veiling-waterfalls: #d1ebff;
}

Tailwind CSS v4

/* In Good Taste to Veiling Waterfalls — https://swatchly.xyz/palette/c3d19e-b0ceff-f7d19a-d1ebff */
@theme {
  --color-in-good-taste: #c3d19e;
  --color-in-good-taste-50: #f6fee3;
  --color-in-good-taste-100: #edf6d8;
  --color-in-good-taste-200: #dae4c1;
  --color-in-good-taste-300: #c3d19e;
  --color-in-good-taste-400: #a3af81;
  --color-in-good-taste-500: #869262;
  --color-in-good-taste-600: #6a7647;
  --color-in-good-taste-700: #535d32;
  --color-in-good-taste-800: #3f4823;
  --color-in-good-taste-900: #2f3717;
  --color-in-good-taste-950: #1d220b;
  --color-night-snow: #b0ceff;
  --color-night-snow-50: #e4eeff;
  --color-night-snow-100: #d2e3ff;
  --color-night-snow-200: #b0ceff;
  --color-night-snow-300: #9fb9e4;
  --color-night-snow-400: #809cc9;
  --color-night-snow-500: #6682af;
  --color-night-snow-600: #4f6994;
  --color-night-snow-700: #3d547b;
  --color-night-snow-800: #2e4264;
  --color-night-snow-900: #22334f;
  --color-night-snow-950: #131f34;
  --color-granola: #f7d19a;
  --color-granola-50: #fff3e3;
  --color-granola-100: #ffe8c6;
  --color-granola-200: #f7d19a;
  --color-granola-300: #dbbc8e;
  --color-granola-400: #be9b68;
  --color-granola-500: #a3804b;
  --color-granola-600: #866531;
  --color-granola-700: #6d4f1e;
  --color-granola-800: #573d10;
  --color-granola-900: #442e07;
  --color-granola-950: #2c1c02;
  --color-veiling-waterfalls: #d1ebff;
  --color-veiling-waterfalls-50: #e6f4ff;
  --color-veiling-waterfalls-100: #d1ebff;
  --color-veiling-waterfalls-200: #c4d7e6;
  --color-veiling-waterfalls-300: #acc2d2;
  --color-veiling-waterfalls-400: #8ca3b5;
  --color-veiling-waterfalls-500: #71889a;
  --color-veiling-waterfalls-600: #586e7f;
  --color-veiling-waterfalls-700: #445868;
  --color-veiling-waterfalls-800: #334552;
  --color-veiling-waterfalls-900: #263540;
  --color-veiling-waterfalls-950: #162129;
}