Viking Diva to Veiling Waterfalls Color Palette

About this palette

Viking Diva to Veiling Waterfalls is a 4-color pastel, light palette: #CAB8DC (Viking Diva), #FFC9D0 (Cotton Candy Comet), #FFDFFB (Bunny Tail), #D0E9FF (Veiling Waterfalls). It mixes purple, pink, blue tones and feels balanced overall. The strongest text pairing is #CAB8DC on #FFDFFB with a contrast ratio of 1.51:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Viking Diva	rgb(202, 184, 220)	hsl(270, 34%, 79%)
Cotton Candy Comet	rgb(255, 201, 208)	hsl(352, 100%, 89%)
Bunny Tail	rgb(255, 223, 251)	hsl(308, 100%, 94%)
Veiling Waterfalls	rgb(208, 233, 255)	hsl(208, 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

/* Viking Diva to Veiling Waterfalls — https://swatchly.xyz/palette/cab8dc-ffc9d0-ffdffb-d0e9ff */
:root {
  --viking-diva: #cab8dc;
  --cotton-candy-comet: #ffc9d0;
  --bunny-tail: #ffdffb;
  --veiling-waterfalls: #d0e9ff;
}

Tailwind CSS v4

/* Viking Diva to Veiling Waterfalls — https://swatchly.xyz/palette/cab8dc-ffc9d0-ffdffb-d0e9ff */
@theme {
  --color-viking-diva: #cab8dc;
  --color-viking-diva-50: #f8f2ff;
  --color-viking-diva-100: #f1e6fd;
  --color-viking-diva-200: #ded1ec;
  --color-viking-diva-300: #cab8dc;
  --color-viking-diva-400: #aa99bb;
  --color-viking-diva-500: #8f7e9f;
  --color-viking-diva-600: #746484;
  --color-viking-diva-700: #5d4e6b;
  --color-viking-diva-800: #493c55;
  --color-viking-diva-900: #382d43;
  --color-viking-diva-950: #231b2b;
  --color-cotton-candy-comet: #ffc9d0;
  --color-cotton-candy-comet-50: #fff3f4;
  --color-cotton-candy-comet-100: #ffe5e8;
  --color-cotton-candy-comet-200: #ffc9d0;
  --color-cotton-candy-comet-300: #e2b5bb;
  --color-cotton-candy-comet-400: #c4949a;
  --color-cotton-candy-comet-500: #a8787f;
  --color-cotton-candy-comet-600: #8c5e64;
  --color-cotton-candy-comet-700: #72484e;
  --color-cotton-candy-comet-800: #5a363c;
  --color-cotton-candy-comet-900: #47292e;
  --color-cotton-candy-comet-950: #2e181b;
  --color-bunny-tail: #ffdffb;
  --color-bunny-tail-50: #ffeffd;
  --color-bunny-tail-100: #ffdffb;
  --color-bunny-tail-200: #e6cfe3;
  --color-bunny-tail-300: #d1b7ce;
  --color-bunny-tail-400: #b397b0;
  --color-bunny-tail-500: #987b95;
  --color-bunny-tail-600: #7d617a;
  --color-bunny-tail-700: #644c62;
  --color-bunny-tail-800: #503a4d;
  --color-bunny-tail-900: #3e2c3c;
  --color-bunny-tail-950: #271a26;
  --color-veiling-waterfalls: #d0e9ff;
  --color-veiling-waterfalls-50: #e4f2ff;
  --color-veiling-waterfalls-100: #d0e9ff;
  --color-veiling-waterfalls-200: #c3d5e6;
  --color-veiling-waterfalls-300: #abc0d3;
  --color-veiling-waterfalls-400: #8ba2b6;
  --color-veiling-waterfalls-500: #71879b;
  --color-veiling-waterfalls-600: #586e81;
  --color-veiling-waterfalls-700: #445869;
  --color-veiling-waterfalls-800: #334553;
  --color-veiling-waterfalls-900: #263541;
  --color-veiling-waterfalls-950: #16212a;
}