Botanical Night to Smell the Mint color palette

00443ABotanical Night 94265CPink Horror BE7090Pinky Pickle EC99CFPearly Pink B9F6D6Smell the Mint

About this palette

Botanical Night to Smell the Mint is a 5-color warm palette: #00443A (Botanical Night), #94265C (Pink Horror), #BE7090 (Pinky Pickle), #EC99CF (Pearly Pink), #B9F6D6 (Smell the Mint). It mixes turquoise, red, pink, green tones and feels warm overall. The strongest text pairing is #00443A on #B9F6D6 with a contrast ratio of 9.12:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Botanical Night	rgb(0, 68, 58)	hsl(171, 100%, 13%)
Pink Horror	rgb(148, 38, 92)	hsl(331, 59%, 36%)
Pinky Pickle	rgb(190, 112, 144)	hsl(335, 38%, 59%)
Pearly Pink	rgb(236, 153, 207)	hsl(321, 69%, 76%)
Smell the Mint	rgb(185, 246, 214)	hsl(149, 77%, 85%)

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.

Aa9.12:1 Very good#00443A on #B9F6D6
Aa9.12:1 Very good#B9F6D6 on #00443A
Aa6.40:1 Good#94265C on #B9F6D6
Aa6.40:1 Good#B9F6D6 on #94265C
Aa5.31:1 Good#00443A on #EC99CF
Aa5.31:1 Good#EC99CF on #00443A
Aa3.73:1 Poor#94265C on #EC99CF
Aa3.73:1 Poor#EC99CF on #94265C

Color blindness preview

CSS variables

/* Botanical Night to Smell the Mint — https://swatchly.xyz/palette/00443a-94265c-be7090-ec99cf-b9f6d6 */
:root {
  --botanical-night: #00443a;
  --pink-horror: #94265c;
  --pinky-pickle: #be7090;
  --pearly-pink: #ec99cf;
  --smell-the-mint: #b9f6d6;
}

Tailwind CSS v4

/* Botanical Night to Smell the Mint — https://swatchly.xyz/palette/00443a-94265c-be7090-ec99cf-b9f6d6 */
@theme {
  --color-botanical-night: #00443a;
  --color-botanical-night-50: #ddfdf5;
  --color-botanical-night-100: #d0f4eb;
  --color-botanical-night-200: #b7e2d8;
  --color-botanical-night-300: #9ccdc1;
  --color-botanical-night-400: #79b0a3;
  --color-botanical-night-500: #5d9689;
  --color-botanical-night-600: #447c70;
  --color-botanical-night-700: #30655b;
  --color-botanical-night-800: #215249;
  --color-botanical-night-900: #00443a;
  --color-botanical-night-950: #0a2b25;
  --color-pink-horror: #94265c;
  --color-pink-horror-50: #fff1f6;
  --color-pink-horror-100: #ffe2ec;
  --color-pink-horror-200: #ffc5da;
  --color-pink-horror-300: #ffa1c6;
  --color-pink-horror-400: #e879a7;
  --color-pink-horror-500: #cc5b8d;
  --color-pink-horror-600: #ae4072;
  --color-pink-horror-700: #94265c;
  --color-pink-horror-800: #751b48;
  --color-pink-horror-900: #5e1037;
  --color-pink-horror-950: #3e0622;
  --color-pinky-pickle: #be7090;
  --color-pinky-pickle-50: #fff2f7;
  --color-pinky-pickle-100: #ffe6ee;
  --color-pinky-pickle-200: #ffc9dd;
  --color-pinky-pickle-300: #f4aec9;
  --color-pinky-pickle-400: #d88caa;
  --color-pinky-pickle-500: #be7090;
  --color-pinky-pickle-600: #9f5574;
  --color-pinky-pickle-700: #833f5c;
  --color-pinky-pickle-800: #692e48;
  --color-pinky-pickle-900: #532137;
  --color-pinky-pickle-950: #351222;
  --color-pearly-pink: #ec99cf;
  --color-pearly-pink-50: #ffe9f6;
  --color-pearly-pink-100: #ffd8f0;
  --color-pearly-pink-200: #fbb8e2;
  --color-pearly-pink-300: #ec99cf;
  --color-pearly-pink-400: #cb7cb0;
  --color-pearly-pink-500: #b06296;
  --color-pearly-pink-600: #934a7c;
  --color-pearly-pink-700: #793765;
  --color-pearly-pink-800: #632851;
  --color-pearly-pink-900: #4f1d40;
  --color-pearly-pink-950: #340f29;
  --color-smell-the-mint: #b9f6d6;
  --color-smell-the-mint-50: #d8fae7;
  --color-smell-the-mint-100: #b9f6d6;
  --color-smell-the-mint-200: #b2dfc7;
  --color-smell-the-mint-300: #98cbb0;
  --color-smell-the-mint-400: #75ad91;
  --color-smell-the-mint-500: #599376;
  --color-smell-the-mint-600: #40785d;
  --color-smell-the-mint-700: #2d6149;
  --color-smell-the-mint-800: #1e4d38;
  --color-smell-the-mint-900: #133c2a;
  --color-smell-the-mint-950: #082519;
}