Scandinavian Liquorice to Menthol Kiss color palette

1D1011Scandinavian Liquorice 743237Cuba Libre 5B6192Wizard’s Potion AB9E50Formosan Green 9EE1D4Menthol Kiss

Open in generator Export PNG, PDF, ASE…

About this palette

Scandinavian Liquorice to Menthol Kiss is a 5-color vintage palette: #1D1011 (Scandinavian Liquorice), #743237 (Cuba Libre), #5B6192 (Wizard’s Potion), #AB9E50 (Formosan Green), #9EE1D4 (Menthol Kiss). It mixes black, brown, purple, yellow, turquoise tones and feels balanced overall. The strongest text pairing is #1D1011 on #9EE1D4 with a contrast ratio of 12.49:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Scandinavian Liquorice	rgb(29, 16, 17)	hsl(355, 29%, 9%)
Cuba Libre	rgb(116, 50, 55)	hsl(355, 40%, 33%)
Wizard’s Potion	rgb(91, 97, 146)	hsl(233, 23%, 46%)
Formosan Green	rgb(171, 158, 80)	hsl(51, 36%, 49%)
Menthol Kiss	rgb(158, 225, 212)	hsl(168, 53%, 75%)

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.

Aa12.49:1 Super#1D1011 on #9EE1D4
Aa12.49:1 Super#9EE1D4 on #1D1011
Aa6.82:1 Good#1D1011 on #AB9E50
Aa6.82:1 Good#AB9E50 on #1D1011
Aa6.29:1 Good#743237 on #9EE1D4
Aa6.29:1 Good#9EE1D4 on #743237
Aa3.97:1 Poor#5B6192 on #9EE1D4
Aa3.97:1 Poor#9EE1D4 on #5B6192

Color blindness preview

CSS variables

/* Scandinavian Liquorice to Menthol Kiss — https://swatchly.xyz/palette/1d1011-743237-5b6192-ab9e50-9ee1d4 */
:root {
  --scandinavian-liquorice: #1d1011;
  --cuba-libre: #743237;
  --wizard-s-potion: #5b6192;
  --formosan-green: #ab9e50;
  --menthol-kiss: #9ee1d4;
}

Tailwind CSS v4

/* Scandinavian Liquorice to Menthol Kiss — https://swatchly.xyz/palette/1d1011-743237-5b6192-ab9e50-9ee1d4 */
@theme {
  --color-scandinavian-liquorice: #1d1011;
  --color-scandinavian-liquorice-50: #fdf2f2;
  --color-scandinavian-liquorice-100: #f4e8e8;
  --color-scandinavian-liquorice-200: #e2d3d4;
  --color-scandinavian-liquorice-300: #cdbcbd;
  --color-scandinavian-liquorice-400: #ae9c9d;
  --color-scandinavian-liquorice-500: #917f80;
  --color-scandinavian-liquorice-600: #736263;
  --color-scandinavian-liquorice-700: #594a4b;
  --color-scandinavian-liquorice-800: #433637;
  --color-scandinavian-liquorice-900: #302626;
  --color-scandinavian-liquorice-950: #1d1011;
  --color-cuba-libre: #743237;
  --color-cuba-libre-50: #fff1f1;
  --color-cuba-libre-100: #ffe4e4;
  --color-cuba-libre-200: #ffc7c8;
  --color-cuba-libre-300: #f1aeb0;
  --color-cuba-libre-400: #d68e90;
  --color-cuba-libre-500: #bc7376;
  --color-cuba-libre-600: #a05a5d;
  --color-cuba-libre-700: #864649;
  --color-cuba-libre-800: #743237;
  --color-cuba-libre-900: #59272b;
  --color-cuba-libre-950: #3b1719;
  --color-wizard-s-potion: #5b6192;
  --color-wizard-s-potion-50: #f2f4ff;
  --color-wizard-s-potion-100: #e5e9ff;
  --color-wizard-s-potion-200: #cbd2fc;
  --color-wizard-s-potion-300: #b3bae9;
  --color-wizard-s-potion-400: #9299cc;
  --color-wizard-s-potion-500: #767caf;
  --color-wizard-s-potion-600: #5b6192;
  --color-wizard-s-potion-700: #474c77;
  --color-wizard-s-potion-800: #373b60;
  --color-wizard-s-potion-900: #292d4c;
  --color-wizard-s-potion-950: #191b32;
  --color-formosan-green: #ab9e50;
  --color-formosan-green-50: #fcf5ca;
  --color-formosan-green-100: #f2eab9;
  --color-formosan-green-200: #dfd69b;
  --color-formosan-green-300: #c9be7b;
  --color-formosan-green-400: #ab9e50;
  --color-formosan-green-500: #908334;
  --color-formosan-green-600: #766918;
  --color-formosan-green-700: #5f5400;
  --color-formosan-green-800: #4b4100;
  --color-formosan-green-900: #3a3200;
  --color-formosan-green-950: #251f00;
  --color-menthol-kiss: #9ee1d4;
  --color-menthol-kiss-50: #d5faf2;
  --color-menthol-kiss-100: #c6f1e8;
  --color-menthol-kiss-200: #9ee1d4;
  --color-menthol-kiss-300: #90c9be;
  --color-menthol-kiss-400: #6daca0;
  --color-menthol-kiss-500: #509186;
  --color-menthol-kiss-600: #37776c;
  --color-menthol-kiss-700: #236056;
  --color-menthol-kiss-800: #154c44;
  --color-menthol-kiss-900: #0a3b34;
  --color-menthol-kiss-950: #032520;
}