Long Passionate Night to Endless Horizon color palette

5F3653Long Passionate Night 6D6E48Herbal Whispers 8A8234Witch Brew 59B0C3Finnish Fiord AADCF7Endless Horizon

Open in generator Export PNG, PDF, ASE…

About this palette

Long Passionate Night to Endless Horizon is a 5-color warm, vintage palette: #5F3653 (Long Passionate Night), #6D6E48 (Herbal Whispers), #8A8234 (Witch Brew), #59B0C3 (Finnish Fiord), #AADCF7 (Endless Horizon). It mixes purple, brown, yellow, turquoise, blue tones and feels warm overall. The strongest text pairing is #5F3653 on #AADCF7 with a contrast ratio of 6.68:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Long Passionate Night	rgb(95, 54, 83)	hsl(318, 28%, 29%)
Herbal Whispers	rgb(109, 110, 72)	hsl(62, 21%, 36%)
Witch Brew	rgb(138, 130, 52)	hsl(54, 45%, 37%)
Finnish Fiord	rgb(89, 176, 195)	hsl(191, 47%, 56%)
Endless Horizon	rgb(170, 220, 247)	hsl(201, 83%, 82%)

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.

Aa6.68:1 Good#5F3653 on #AADCF7
Aa6.68:1 Good#AADCF7 on #5F3653
Aa3.94:1 Poor#5F3653 on #59B0C3
Aa3.94:1 Poor#59B0C3 on #5F3653
Aa3.60:1 Poor#6D6E48 on #AADCF7
Aa3.60:1 Poor#AADCF7 on #6D6E48

Color blindness preview

CSS variables

/* Long Passionate Night to Endless Horizon — https://swatchly.xyz/palette/5f3653-6d6e48-8a8234-59b0c3-aadcf7 */
:root {
  --long-passionate-night: #5f3653;
  --herbal-whispers: #6d6e48;
  --witch-brew: #8a8234;
  --finnish-fiord: #59b0c3;
  --endless-horizon: #aadcf7;
}

Tailwind CSS v4

/* Long Passionate Night to Endless Horizon — https://swatchly.xyz/palette/5f3653-6d6e48-8a8234-59b0c3-aadcf7 */
@theme {
  --color-long-passionate-night: #5f3653;
  --color-long-passionate-night-50: #fff0fa;
  --color-long-passionate-night-100: #ffe1f5;
  --color-long-passionate-night-200: #f0cbe3;
  --color-long-passionate-night-300: #ddb3cf;
  --color-long-passionate-night-400: #c093b2;
  --color-long-passionate-night-500: #a67797;
  --color-long-passionate-night-600: #8a5e7c;
  --color-long-passionate-night-700: #714965;
  --color-long-passionate-night-800: #5f3653;
  --color-long-passionate-night-900: #482a3f;
  --color-long-passionate-night-950: #2f1928;
  --color-herbal-whispers: #6d6e48;
  --color-herbal-whispers-50: #f6f7e0;
  --color-herbal-whispers-100: #ecedd3;
  --color-herbal-whispers-200: #d9dabb;
  --color-herbal-whispers-300: #c2c4a1;
  --color-herbal-whispers-400: #a3a47e;
  --color-herbal-whispers-500: #878962;
  --color-herbal-whispers-600: #6d6e48;
  --color-herbal-whispers-700: #565735;
  --color-herbal-whispers-800: #434426;
  --color-herbal-whispers-900: #34341b;
  --color-herbal-whispers-950: #20200e;
  --color-witch-brew: #8a8234;
  --color-witch-brew-50: #faf6cc;
  --color-witch-brew-100: #f0ebbb;
  --color-witch-brew-200: #dcd79d;
  --color-witch-brew-300: #c6bf7d;
  --color-witch-brew-400: #a69f54;
  --color-witch-brew-500: #8a8234;
  --color-witch-brew-600: #706919;
  --color-witch-brew-700: #5a5302;
  --color-witch-brew-800: #474100;
  --color-witch-brew-900: #373200;
  --color-witch-brew-950: #231f00;
  --color-finnish-fiord: #59b0c3;
  --color-finnish-fiord-50: #e4faff;
  --color-finnish-fiord-100: #c8f4ff;
  --color-finnish-fiord-200: #a6e3f2;
  --color-finnish-fiord-300: #87cedf;
  --color-finnish-fiord-400: #59b0c3;
  --color-finnish-fiord-500: #3b94a6;
  --color-finnish-fiord-600: #19788a;
  --color-finnish-fiord-700: #006070;
  --color-finnish-fiord-800: #004b58;
  --color-finnish-fiord-900: #003a44;
  --color-finnish-fiord-950: #00242b;
  --color-endless-horizon: #aadcf7;
  --color-endless-horizon-50: #e5f6ff;
  --color-endless-horizon-100: #ceeeff;
  --color-endless-horizon-200: #aadcf7;
  --color-endless-horizon-300: #9bc5dc;
  --color-endless-horizon-400: #78a6bf;
  --color-endless-horizon-500: #5c8ca4;
  --color-endless-horizon-600: #437189;
  --color-endless-horizon-700: #305b70;
  --color-endless-horizon-800: #21475a;
  --color-endless-horizon-900: #163747;
  --color-endless-horizon-950: #0b222e;
}