Avocado to Love Priestess Color Palette

About this palette

Avocado to Love Priestess is a 5-color vibrant, cool palette: #5B8200 (Avocado), #00C7B5 (Pristine Oceanic), #00B388 (Mint), #FF8DEA (Pink Elephants), #B848BC (Love Priestess). It mixes green, turquoise, pink tones and feels cool overall. The strongest text pairing is #5B8200 on #FF8DEA with a contrast ratio of 2.21:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Avocado	rgb(91, 130, 0)	hsl(78, 100%, 25%)
Pristine Oceanic	rgb(0, 199, 181)	hsl(175, 100%, 39%)
Mint	rgb(0, 179, 136)	hsl(166, 100%, 35%)
Pink Elephants	rgb(255, 141, 234)	hsl(311, 100%, 78%)
Love Priestess	rgb(184, 72, 188)	hsl(298, 46%, 51%)

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.

Color blindness preview

CSS variables

/* Avocado to Love Priestess — https://swatchly.xyz/palette/5b8200-00c7b5-00b388-ff8dea-b848bc */
:root {
  --avocado: #5b8200;
  --pristine-oceanic: #00c7b5;
  --mint: #00b388;
  --pink-elephants: #ff8dea;
  --love-priestess: #b848bc;
}

Tailwind CSS v4

/* Avocado to Love Priestess — https://swatchly.xyz/palette/5b8200-00c7b5-00b388-ff8dea-b848bc */
@theme {
  --color-avocado: #5b8200;
  --color-avocado-50: #e8ffcc;
  --color-avocado-100: #dcf8b9;
  --color-avocado-200: #c7e89c;
  --color-avocado-300: #afd47d;
  --color-avocado-400: #8eb752;
  --color-avocado-500: #749c2f;
  --color-avocado-600: #5b8200;
  --color-avocado-700: #476700;
  --color-avocado-800: #375100;
  --color-avocado-900: #293e00;
  --color-avocado-950: #182700;
  --color-pristine-oceanic: #00c7b5;
  --color-pristine-oceanic-50: #e7fffb;
  --color-pristine-oceanic-100: #c4fff5;
  --color-pristine-oceanic-200: #96f4e5;
  --color-pristine-oceanic-300: #6fe1d1;
  --color-pristine-oceanic-400: #00c7b5;
  --color-pristine-oceanic-500: #00a596;
  --color-pristine-oceanic-600: #008578;
  --color-pristine-oceanic-700: #00695f;
  --color-pristine-oceanic-800: #005149;
  --color-pristine-oceanic-900: #003e37;
  --color-pristine-oceanic-950: #002621;
  --color-mint: #00b388;
  --color-mint-50: #ceffeb;
  --color-mint-100: #aafadb;
  --color-mint-200: #86e8c4;
  --color-mint-300: #5cd2aa;
  --color-mint-400: #00b388;
  --color-mint-500: #009571;
  --color-mint-600: #00795b;
  --color-mint-700: #006048;
  --color-mint-800: #004c38;
  --color-mint-900: #003c2b;
  --color-mint-950: #00261b;
  --color-pink-elephants: #ff8dea;
  --color-pink-elephants-50: #ffecfa;
  --color-pink-elephants-100: #ffdcf7;
  --color-pink-elephants-200: #ffbaf0;
  --color-pink-elephants-300: #ff8dea;
  --color-pink-elephants-400: #db70c8;
  --color-pink-elephants-500: #bf53ae;
  --color-pink-elephants-600: #a13891;
  --color-pink-elephants-700: #852477;
  --color-pink-elephants-800: #6c1561;
  --color-pink-elephants-900: #570a4d;
  --color-pink-elephants-950: #390332;
  --color-love-priestess: #b848bc;
  --color-love-priestess-50: #ffedff;
  --color-love-priestess-100: #ffdbff;
  --color-love-priestess-200: #feb6ff;
  --color-love-priestess-300: #f490f6;
  --color-love-priestess-400: #d669d9;
  --color-love-priestess-500: #b848bc;
  --color-love-priestess-600: #9a2d9f;
  --color-love-priestess-700: #7f1884;
  --color-love-priestess-800: #67086b;
  --color-love-priestess-900: #520056;
  --color-love-priestess-950: #360039;
}