Minute Mauve to Sunken Ship color palette

F6E1FFMinute Mauve 82D037Overgrowth C65D79Lipstick 4D5E00Serrano Pepper 002726Sunken Ship

About this palette

Minute Mauve to Sunken Ship is a 5-color cool palette: #F6E1FF (Minute Mauve), #82D037 (Overgrowth), #C65D79 (Lipstick), #4D5E00 (Serrano Pepper), #002726 (Sunken Ship). It mixes purple, green, pink, turquoise tones and feels cool overall. The strongest text pairing is #F6E1FF on #002726 with a contrast ratio of 13.00:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Minute Mauve	rgb(246, 225, 255)	hsl(282, 100%, 94%)
Overgrowth	rgb(130, 208, 55)	hsl(91, 62%, 52%)
Lipstick	rgb(198, 93, 121)	hsl(344, 48%, 57%)
Serrano Pepper	rgb(77, 94, 0)	hsl(71, 100%, 18%)
Sunken Ship	rgb(0, 39, 38)	hsl(178, 100%, 8%)

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.

Aa13.00:1 Super#F6E1FF on #002726
Aa13.00:1 Super#002726 on #F6E1FF
Aa8.36:1 Very good#82D037 on #002726
Aa8.36:1 Very good#002726 on #82D037
Aa5.87:1 Good#F6E1FF on #4D5E00
Aa5.87:1 Good#4D5E00 on #F6E1FF
Aa3.98:1 Poor#C65D79 on #002726
Aa3.98:1 Poor#002726 on #C65D79

Color blindness preview

CSS variables

/* Minute Mauve to Sunken Ship — https://swatchly.xyz/palette/f6e1ff-82d037-c65d79-4d5e00-002726 */
:root {
  --minute-mauve: #f6e1ff;
  --overgrowth: #82d037;
  --lipstick: #c65d79;
  --serrano-pepper: #4d5e00;
  --sunken-ship: #002726;
}

Tailwind CSS v4

/* Minute Mauve to Sunken Ship — https://swatchly.xyz/palette/f6e1ff-82d037-c65d79-4d5e00-002726 */
@theme {
  --color-minute-mauve: #f6e1ff;
  --color-minute-mauve-50: #faefff;
  --color-minute-mauve-100: #f6e1ff;
  --color-minute-mauve-200: #dfd0e6;
  --color-minute-mauve-300: #cab9d2;
  --color-minute-mauve-400: #ac99b4;
  --color-minute-mauve-500: #917e99;
  --color-minute-mauve-600: #76647e;
  --color-minute-mauve-700: #5f4e65;
  --color-minute-mauve-800: #4a3c50;
  --color-minute-mauve-900: #3a2e3f;
  --color-minute-mauve-950: #241b28;
  --color-overgrowth: #82d037;
  --color-overgrowth-50: #d6ffba;
  --color-overgrowth-100: #c2f79c;
  --color-overgrowth-200: #a6e477;
  --color-overgrowth-300: #82d037;
  --color-overgrowth-400: #66b105;
  --color-overgrowth-500: #549400;
  --color-overgrowth-600: #437800;
  --color-overgrowth-700: #356000;
  --color-overgrowth-800: #294c00;
  --color-overgrowth-900: #1f3c00;
  --color-overgrowth-950: #112600;
  --color-lipstick: #c65d79;
  --color-lipstick-50: #fff1f3;
  --color-lipstick-100: #ffe2e7;
  --color-lipstick-200: #ffc4d0;
  --color-lipstick-300: #ff9fb5;
  --color-lipstick-400: #e37b95;
  --color-lipstick-500: #c65d79;
  --color-lipstick-600: #a74360;
  --color-lipstick-700: #8a2f4a;
  --color-lipstick-800: #702039;
  --color-lipstick-900: #59152b;
  --color-lipstick-950: #3b091a;
  --color-serrano-pepper: #4d5e00;
  --color-serrano-pepper-50: #effcd0;
  --color-serrano-pepper-100: #e4f3c1;
  --color-serrano-pepper-200: #cfe0a5;
  --color-serrano-pepper-300: #b8cb87;
  --color-serrano-pepper-400: #98ac60;
  --color-serrano-pepper-500: #7d9041;
  --color-serrano-pepper-600: #637525;
  --color-serrano-pepper-700: #4d5e00;
  --color-serrano-pepper-800: #3c4900;
  --color-serrano-pepper-900: #2d3900;
  --color-serrano-pepper-950: #1b2300;
  --color-sunken-ship: #002726;
  --color-sunken-ship-50: #e4faf9;
  --color-sunken-ship-100: #d8f1f0;
  --color-sunken-ship-200: #c1dedd;
  --color-sunken-ship-300: #a7c9c7;
  --color-sunken-ship-400: #85aaa8;
  --color-sunken-ship-500: #698f8d;
  --color-sunken-ship-600: #507473;
  --color-sunken-ship-700: #3c5d5c;
  --color-sunken-ship-800: #2c4a48;
  --color-sunken-ship-900: #203938;
  --color-sunken-ship-950: #002726;
}