Imperial Purple to Veiling Waterfalls color palette

592F6DImperial Purple 625318Ayahuasca Vine 9D53B4Fuchsia Pheromone B69F1CMartian 9AC8FBClear Sky C9E7FFVeiling Waterfalls

Open in generator Export PNG, PDF, ASE…

About this palette

Imperial Purple to Veiling Waterfalls is a 6-color cool palette: #592F6D (Imperial Purple), #625318 (Ayahuasca Vine), #9D53B4 (Fuchsia Pheromone), #B69F1C (Martian), #9AC8FB (Clear Sky), #C9E7FF (Veiling Waterfalls). It mixes purple, brown, yellow, blue tones and feels cool overall. The strongest text pairing is #592F6D on #C9E7FF with a contrast ratio of 7.97:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Imperial Purple	rgb(89, 47, 109)	hsl(281, 40%, 31%)
Ayahuasca Vine	rgb(98, 83, 24)	hsl(48, 61%, 24%)
Fuchsia Pheromone	rgb(157, 83, 180)	hsl(286, 39%, 52%)
Martian	rgb(182, 159, 28)	hsl(51, 73%, 41%)
Clear Sky	rgb(154, 200, 251)	hsl(212, 92%, 79%)
Veiling Waterfalls	rgb(201, 231, 255)	hsl(207, 100%, 89%)

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.

Aa7.97:1 Very good#592F6D on #C9E7FF
Aa7.97:1 Very good#C9E7FF on #592F6D
Aa5.91:1 Good#625318 on #C9E7FF
Aa5.91:1 Good#C9E7FF on #625318
Aa5.86:1 Good#592F6D on #9AC8FB
Aa5.86:1 Good#9AC8FB on #592F6D
Aa4.34:1 Poor#625318 on #9AC8FB
Aa4.34:1 Poor#9AC8FB on #625318

Color blindness preview

CSS variables

/* Imperial Purple to Veiling Waterfalls — https://swatchly.xyz/palette/592f6d-625318-9d53b4-b69f1c-9ac8fb-c9e7ff */
:root {
  --imperial-purple: #592f6d;
  --ayahuasca-vine: #625318;
  --fuchsia-pheromone: #9d53b4;
  --martian: #b69f1c;
  --clear-sky: #9ac8fb;
  --veiling-waterfalls: #c9e7ff;
}

Tailwind CSS v4

/* Imperial Purple to Veiling Waterfalls — https://swatchly.xyz/palette/592f6d-625318-9d53b4-b69f1c-9ac8fb-c9e7ff */
@theme {
  --color-imperial-purple: #592f6d;
  --color-imperial-purple-50: #faf1ff;
  --color-imperial-purple-100: #f5e4ff;
  --color-imperial-purple-200: #ebc8fe;
  --color-imperial-purple-300: #d7b0ec;
  --color-imperial-purple-400: #ba8ed1;
  --color-imperial-purple-500: #9f73b6;
  --color-imperial-purple-600: #845999;
  --color-imperial-purple-700: #6b447f;
  --color-imperial-purple-800: #592f6d;
  --color-imperial-purple-900: #432652;
  --color-imperial-purple-950: #2b1636;
  --color-ayahuasca-vine: #625318;
  --color-ayahuasca-vine-50: #fef5d5;
  --color-ayahuasca-vine-100: #f5ebc7;
  --color-ayahuasca-vine-200: #e3d7ac;
  --color-ayahuasca-vine-300: #cec08f;
  --color-ayahuasca-vine-400: #b0a169;
  --color-ayahuasca-vine-500: #94854c;
  --color-ayahuasca-vine-600: #796a32;
  --color-ayahuasca-vine-700: #625318;
  --color-ayahuasca-vine-800: #4d4112;
  --color-ayahuasca-vine-900: #3b3109;
  --color-ayahuasca-vine-950: #251e03;
  --color-fuchsia-pheromone: #9d53b4;
  --color-fuchsia-pheromone-50: #fbf1ff;
  --color-fuchsia-pheromone-100: #f9e6ff;
  --color-fuchsia-pheromone-200: #f2ccff;
  --color-fuchsia-pheromone-300: #eaacff;
  --color-fuchsia-pheromone-400: #d089e7;
  --color-fuchsia-pheromone-500: #b76dcf;
  --color-fuchsia-pheromone-600: #9d53b4;
  --color-fuchsia-pheromone-700: #813b96;
  --color-fuchsia-pheromone-800: #67297a;
  --color-fuchsia-pheromone-900: #511b61;
  --color-fuchsia-pheromone-950: #340d40;
  --color-martian: #b69f1c;
  --color-martian-50: #fff6c5;
  --color-martian-100: #f9eba8;
  --color-martian-200: #e8d785;
  --color-martian-300: #d3c05f;
  --color-martian-400: #b69f1c;
  --color-martian-500: #998400;
  --color-martian-600: #7b6a00;
  --color-martian-700: #625400;
  --color-martian-800: #4d4200;
  --color-martian-900: #3b3200;
  --color-martian-950: #261f00;
  --color-clear-sky: #9ac8fb;
  --color-clear-sky-50: #f1f7ff;
  --color-clear-sky-100: #e1efff;
  --color-clear-sky-200: #bfddff;
  --color-clear-sky-300: #9ac8fb;
  --color-clear-sky-400: #7da8d7;
  --color-clear-sky-500: #608bbb;
  --color-clear-sky-600: #46709d;
  --color-clear-sky-700: #325882;
  --color-clear-sky-800: #234569;
  --color-clear-sky-900: #173453;
  --color-clear-sky-950: #0b2036;
  --color-veiling-waterfalls: #c9e7ff;
  --color-veiling-waterfalls-50: #dff1ff;
  --color-veiling-waterfalls-100: #c9e7ff;
  --color-veiling-waterfalls-200: #bdd4e6;
  --color-veiling-waterfalls-300: #a6bfd3;
  --color-veiling-waterfalls-400: #86a1b7;
  --color-veiling-waterfalls-500: #6c879d;
  --color-veiling-waterfalls-600: #546e83;
  --color-veiling-waterfalls-700: #40586b;
  --color-veiling-waterfalls-800: #304555;
  --color-veiling-waterfalls-900: #233543;
  --color-veiling-waterfalls-950: #14212b;
}