Nightly Voyager to Long Passionate Night color palette

351029Nightly Voyager 008993Turkish Jade 57A7A4Paradise Island FFC6B1Dolly Cheek 64374ELong Passionate Night

Open in generator Export PNG, PDF, ASE…

About this palette

Nightly Voyager to Long Passionate Night is a 5-color warm, vintage palette: #351029 (Nightly Voyager), #008993 (Turkish Jade), #57A7A4 (Paradise Island), #FFC6B1 (Dolly Cheek), #64374E (Long Passionate Night). It mixes red, turquoise, orange tones and feels warm overall. The strongest text pairing is #351029 on #FFC6B1 with a contrast ratio of 11.10:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Nightly Voyager	rgb(53, 16, 41)	hsl(319, 54%, 14%)
Turkish Jade	rgb(0, 137, 147)	hsl(184, 100%, 29%)
Paradise Island	rgb(87, 167, 164)	hsl(178, 31%, 50%)
Dolly Cheek	rgb(255, 198, 177)	hsl(16, 100%, 85%)
Long Passionate Night	rgb(100, 55, 78)	hsl(329, 29%, 30%)

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.

Aa11.10:1 Very good#351029 on #FFC6B1
Aa11.10:1 Very good#FFC6B1 on #351029
Aa6.35:1 Good#FFC6B1 on #64374E
Aa6.35:1 Good#64374E on #FFC6B1
Aa5.94:1 Good#351029 on #57A7A4
Aa5.94:1 Good#57A7A4 on #351029
Aa3.98:1 Poor#351029 on #008993
Aa3.98:1 Poor#008993 on #351029

Color blindness preview

CSS variables

/* Nightly Voyager to Long Passionate Night — https://swatchly.xyz/palette/351029-008993-57a7a4-ffc6b1-64374e */
:root {
  --nightly-voyager: #351029;
  --turkish-jade: #008993;
  --paradise-island: #57a7a4;
  --dolly-cheek: #ffc6b1;
  --long-passionate-night: #64374e;
}

Tailwind CSS v4

/* Nightly Voyager to Long Passionate Night — https://swatchly.xyz/palette/351029-008993-57a7a4-ffc6b1-64374e */
@theme {
  --color-nightly-voyager: #351029;
  --color-nightly-voyager-50: #fff0f9;
  --color-nightly-voyager-100: #ffe1f3;
  --color-nightly-voyager-200: #f0cbe1;
  --color-nightly-voyager-300: #ddb2cc;
  --color-nightly-voyager-400: #bf91ad;
  --color-nightly-voyager-500: #a47692;
  --color-nightly-voyager-600: #885c77;
  --color-nightly-voyager-700: #6f4760;
  --color-nightly-voyager-800: #58364c;
  --color-nightly-voyager-900: #46293b;
  --color-nightly-voyager-950: #351029;
  --color-turkish-jade: #008993;
  --color-turkish-jade-50: #ddfcff;
  --color-turkish-jade-100: #c2f9ff;
  --color-turkish-jade-200: #a5eaf1;
  --color-turkish-jade-300: #86d8e0;
  --color-turkish-jade-400: #5bbcc5;
  --color-turkish-jade-500: #35a2ac;
  --color-turkish-jade-600: #008993;
  --color-turkish-jade-700: #006d75;
  --color-turkish-jade-800: #00555c;
  --color-turkish-jade-900: #004146;
  --color-turkish-jade-950: #00292c;
  --color-paradise-island: #57a7a4;
  --color-paradise-island-50: #d0fcf9;
  --color-paradise-island-100: #bff1ef;
  --color-paradise-island-200: #a1dedb;
  --color-paradise-island-300: #81c7c4;
  --color-paradise-island-400: #57a7a4;
  --color-paradise-island-500: #3b8d8a;
  --color-paradise-island-600: #217371;
  --color-paradise-island-700: #095d5b;
  --color-paradise-island-800: #004a48;
  --color-paradise-island-900: #003a39;
  --color-paradise-island-950: #002524;
  --color-dolly-cheek: #ffc6b1;
  --color-dolly-cheek-50: #fff0ea;
  --color-dolly-cheek-100: #ffe2d7;
  --color-dolly-cheek-200: #ffc6b1;
  --color-dolly-cheek-300: #e3b2a0;
  --color-dolly-cheek-400: #c6927f;
  --color-dolly-cheek-500: #aa7763;
  --color-dolly-cheek-600: #8e5d4b;
  --color-dolly-cheek-700: #744838;
  --color-dolly-cheek-800: #5d3729;
  --color-dolly-cheek-900: #4a291d;
  --color-dolly-cheek-950: #30180f;
  --color-long-passionate-night: #64374e;
  --color-long-passionate-night-50: #fff1f7;
  --color-long-passionate-night-100: #ffe2ef;
  --color-long-passionate-night-200: #f3cadd;
  --color-long-passionate-night-300: #e1b3c8;
  --color-long-passionate-night-400: #c593aa;
  --color-long-passionate-night-500: #aa7890;
  --color-long-passionate-night-600: #8f5f76;
  --color-long-passionate-night-700: #764a60;
  --color-long-passionate-night-800: #64374e;
  --color-long-passionate-night-900: #4c2b3c;
  --color-long-passionate-night-950: #321a26;
}