Swimming to Veiling Waterfalls Color Palette

About this palette

Swimming to Veiling Waterfalls is a 4-color pastel, light, cool palette: #BAE7E2 (Swimming), #DFF8D5 (Hint of Mint), #CDB6E3 (Viking Diva), #DAE2FF (Veiling Waterfalls). It mixes turquoise, white, purple, blue tones and feels cool overall. The strongest text pairing is #DFF8D5 on #CDB6E3 with a contrast ratio of 1.63:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Swimming	rgb(186, 231, 226)	hsl(173, 48%, 82%)
Hint of Mint	rgb(223, 248, 213)	hsl(103, 71%, 90%)
Viking Diva	rgb(205, 182, 227)	hsl(271, 45%, 80%)
Veiling Waterfalls	rgb(218, 226, 255)	hsl(227, 100%, 93%)

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

/* Swimming to Veiling Waterfalls — https://swatchly.xyz/palette/bae7e2-dff8d5-cdb6e3-dae2ff */
:root {
  --swimming: #bae7e2;
  --hint-of-mint: #dff8d5;
  --viking-diva: #cdb6e3;
  --veiling-waterfalls: #dae2ff;
}

Tailwind CSS v4

/* Swimming to Veiling Waterfalls — https://swatchly.xyz/palette/bae7e2-dff8d5-cdb6e3-dae2ff */
@theme {
  --color-swimming: #bae7e2;
  --color-swimming-50: #e7fefb;
  --color-swimming-100: #dcf6f3;
  --color-swimming-200: #bae7e2;
  --color-swimming-300: #a9cec9;
  --color-swimming-400: #85aeaa;
  --color-swimming-500: #68928e;
  --color-swimming-600: #4d7672;
  --color-swimming-700: #385e5a;
  --color-swimming-800: #284946;
  --color-swimming-900: #1c3936;
  --color-swimming-950: #0f2322;
  --color-hint-of-mint: #dff8d5;
  --color-hint-of-mint-50: #f0fdeb;
  --color-hint-of-mint-100: #dff8d5;
  --color-hint-of-mint-200: #cfe1c8;
  --color-hint-of-mint-300: #b6cbae;
  --color-hint-of-mint-400: #95ab8c;
  --color-hint-of-mint-500: #798f70;
  --color-hint-of-mint-600: #5e7456;
  --color-hint-of-mint-700: #495c41;
  --color-hint-of-mint-800: #374830;
  --color-hint-of-mint-900: #293823;
  --color-hint-of-mint-950: #182314;
  --color-viking-diva: #cdb6e3;
  --color-viking-diva-50: #f9f2ff;
  --color-viking-diva-100: #f2e5ff;
  --color-viking-diva-200: #e1cff1;
  --color-viking-diva-300: #cdb6e3;
  --color-viking-diva-400: #ad97c1;
  --color-viking-diva-500: #917ca6;
  --color-viking-diva-600: #76628a;
  --color-viking-diva-700: #5f4c70;
  --color-viking-diva-800: #4b3a5a;
  --color-viking-diva-900: #3a2c46;
  --color-viking-diva-950: #241a2d;
  --color-veiling-waterfalls: #dae2ff;
  --color-veiling-waterfalls-50: #e9eeff;
  --color-veiling-waterfalls-100: #dae2ff;
  --color-veiling-waterfalls-200: #cad0e6;
  --color-veiling-waterfalls-300: #b4bbd3;
  --color-veiling-waterfalls-400: #959db7;
  --color-veiling-waterfalls-500: #7c839d;
  --color-veiling-waterfalls-600: #636982;
  --color-veiling-waterfalls-700: #4e546b;
  --color-veiling-waterfalls-800: #3c4155;
  --color-veiling-waterfalls-900: #2e3242;
  --color-veiling-waterfalls-950: #1c1f2a;
}