Long Passionate Night to Kimono color palette

533960Long Passionate Night A3B4D3Mont Blanc 865684Muted Purple 1C371CDarkest Forest E1D0A6Gratin Dauphinois 678AB6Kimono

Open in generator Export PNG, PDF, ASE…

About this palette

Long Passionate Night to Kimono is a 6-color cool palette: #533960 (Long Passionate Night), #A3B4D3 (Mont Blanc), #865684 (Muted Purple), #1C371C (Darkest Forest), #E1D0A6 (Gratin Dauphinois), #678AB6 (Kimono). It mixes purple, blue, pink, green, yellow tones and feels cool overall. The strongest text pairing is #1C371C on #E1D0A6 with a contrast ratio of 8.54:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Long Passionate Night	rgb(83, 57, 96)	hsl(280, 25%, 30%)
Mont Blanc	rgb(163, 180, 211)	hsl(219, 35%, 73%)
Muted Purple	rgb(134, 86, 132)	hsl(302, 22%, 43%)
Darkest Forest	rgb(28, 55, 28)	hsl(120, 33%, 16%)
Gratin Dauphinois	rgb(225, 208, 166)	hsl(43, 50%, 77%)
Kimono	rgb(103, 138, 182)	hsl(213, 35%, 56%)

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.

Aa8.54:1 Very good#1C371C on #E1D0A6
Aa8.54:1 Very good#E1D0A6 on #1C371C
Aa6.49:1 Good#533960 on #E1D0A6
Aa6.49:1 Good#E1D0A6 on #533960
Aa6.22:1 Good#A3B4D3 on #1C371C
Aa6.22:1 Good#1C371C on #A3B4D3
Aa4.73:1 Good#533960 on #A3B4D3
Aa4.73:1 Good#A3B4D3 on #533960

Color blindness preview

CSS variables

/* Long Passionate Night to Kimono — https://swatchly.xyz/palette/533960-a3b4d3-865684-1c371c-e1d0a6-678ab6 */
:root {
  --long-passionate-night: #533960;
  --mont-blanc: #a3b4d3;
  --muted-purple: #865684;
  --darkest-forest: #1c371c;
  --gratin-dauphinois: #e1d0a6;
  --kimono: #678ab6;
}

Tailwind CSS v4

/* Long Passionate Night to Kimono — https://swatchly.xyz/palette/533960-a3b4d3-865684-1c371c-e1d0a6-678ab6 */
@theme {
  --color-long-passionate-night: #533960;
  --color-long-passionate-night-50: #faf1ff;
  --color-long-passionate-night-100: #f5e4ff;
  --color-long-passionate-night-200: #e4cef1;
  --color-long-passionate-night-300: #d0b6de;
  --color-long-passionate-night-400: #b296c1;
  --color-long-passionate-night-500: #987ba6;
  --color-long-passionate-night-600: #7d628b;
  --color-long-passionate-night-700: #654c72;
  --color-long-passionate-night-800: #533960;
  --color-long-passionate-night-900: #3f2c49;
  --color-long-passionate-night-950: #281b2f;
  --color-mont-blanc: #a3b4d3;
  --color-mont-blanc-50: #e5eeff;
  --color-mont-blanc-100: #d6e2f8;
  --color-mont-blanc-200: #bfcde6;
  --color-mont-blanc-300: #a3b4d3;
  --color-mont-blanc-400: #8797b5;
  --color-mont-blanc-500: #6e7e9b;
  --color-mont-blanc-600: #576681;
  --color-mont-blanc-700: #44526a;
  --color-mont-blanc-800: #354156;
  --color-mont-blanc-900: #293345;
  --color-mont-blanc-950: #181f2d;
  --color-muted-purple: #865684;
  --color-muted-purple-50: #fff0fe;
  --color-muted-purple-100: #ffdffd;
  --color-muted-purple-200: #f0c7ed;
  --color-muted-purple-300: #dcaed9;
  --color-muted-purple-400: #be8dbc;
  --color-muted-purple-500: #a270a0;
  --color-muted-purple-600: #865684;
  --color-muted-purple-700: #6c426b;
  --color-muted-purple-800: #563155;
  --color-muted-purple-900: #442543;
  --color-muted-purple-950: #2c152b;
  --color-darkest-forest: #1c371c;
  --color-darkest-forest-50: #e9fbe8;
  --color-darkest-forest-100: #def2dd;
  --color-darkest-forest-200: #c7dfc6;
  --color-darkest-forest-300: #aecaad;
  --color-darkest-forest-400: #8caa8b;
  --color-darkest-forest-500: #708e6f;
  --color-darkest-forest-600: #567355;
  --color-darkest-forest-700: #415b40;
  --color-darkest-forest-800: #30462f;
  --color-darkest-forest-900: #1c371c;
  --color-darkest-forest-950: #132113;
  --color-gratin-dauphinois: #e1d0a6;
  --color-gratin-dauphinois-50: #faf0d8;
  --color-gratin-dauphinois-100: #f0e5ca;
  --color-gratin-dauphinois-200: #e1d0a6;
  --color-gratin-dauphinois-300: #c9bb97;
  --color-gratin-dauphinois-400: #ac9c75;
  --color-gratin-dauphinois-500: #92825a;
  --color-gratin-dauphinois-600: #786843;
  --color-gratin-dauphinois-700: #615330;
  --color-gratin-dauphinois-800: #4d4122;
  --color-gratin-dauphinois-900: #3c3217;
  --color-gratin-dauphinois-950: #261e0b;
  --color-kimono: #678ab6;
  --color-kimono-50: #eff6ff;
  --color-kimono-100: #dfedff;
  --color-kimono-200: #bfdbfe;
  --color-kimono-300: #a5c5ed;
  --color-kimono-400: #83a5d1;
  --color-kimono-500: #678ab6;
  --color-kimono-600: #4e6f99;
  --color-kimono-700: #39587e;
  --color-kimono-800: #2a4465;
  --color-kimono-900: #1e3450;
  --color-kimono-950: #102034;
}