Start generating

Ayahuasca Vine to Nervous Neon Pink color palette

645100Ayahuasca Vine6D6C00Muddy Green0091BFSwimmerFFDFEBWatermelon Mousse003746Nordic NoirFA74D7Nervous Neon Pink
Open in generator Export PNG, PDF, ASE…

About this palette

Ayahuasca Vine to Nervous Neon Pink is a 6-color warm palette: #645100 (Ayahuasca Vine), #6D6C00 (Muddy Green), #0091BF (Swimmer), #FFDFEB (Watermelon Mousse), #003746 (Nordic Noir), #FA74D7 (Nervous Neon Pink). It mixes brown, blue, pink tones and feels warm overall. The strongest text pairing is #FFDFEB on #003746 with a contrast ratio of 10.40:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Ayahuasca Vinergb(100, 81, 0)hsl(49, 100%, 20%)
Muddy Greenrgb(109, 108, 0)hsl(59, 100%, 21%)
Swimmerrgb(0, 145, 191)hsl(194, 100%, 37%)
Watermelon Moussergb(255, 223, 235)hsl(338, 100%, 94%)
Nordic Noirrgb(0, 55, 70)hsl(193, 100%, 14%)
Nervous Neon Pinkrgb(250, 116, 215)hsl(316, 93%, 72%)

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.

  • Aa10.40:1 Very good#FFDFEB on #003746
  • Aa10.40:1 Very good#003746 on #FFDFEB
  • Aa6.26:1 Good#645100 on #FFDFEB
  • Aa6.26:1 Good#FFDFEB on #645100
  • Aa5.23:1 Good#003746 on #FA74D7
  • Aa5.23:1 Good#FA74D7 on #003746
  • Aa4.48:1 Poor#6D6C00 on #FFDFEB
  • Aa4.48:1 Poor#FFDFEB on #6D6C00

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Ayahuasca Vine to Nervous Neon Pink — https://swatchly.xyz/palette/645100-6d6c00-0091bf-ffdfeb-003746-fa74d7 */
:root {
  --ayahuasca-vine: #645100;
  --muddy-green: #6d6c00;
  --swimmer: #0091bf;
  --watermelon-mousse: #ffdfeb;
  --nordic-noir: #003746;
  --nervous-neon-pink: #fa74d7;
}

Tailwind CSS v4

/* Ayahuasca Vine to Nervous Neon Pink — https://swatchly.xyz/palette/645100-6d6c00-0091bf-ffdfeb-003746-fa74d7 */
@theme {
  --color-ayahuasca-vine: #645100;
  --color-ayahuasca-vine-50: #fff5d4;
  --color-ayahuasca-vine-100: #f8ebc1;
  --color-ayahuasca-vine-200: #e6d7a5;
  --color-ayahuasca-vine-300: #d1bf86;
  --color-ayahuasca-vine-400: #b39f5f;
  --color-ayahuasca-vine-500: #978340;
  --color-ayahuasca-vine-600: #7b6825;
  --color-ayahuasca-vine-700: #645100;
  --color-ayahuasca-vine-800: #4e3f02;
  --color-ayahuasca-vine-900: #3d3000;
  --color-ayahuasca-vine-950: #261d00;
  --color-muddy-green: #6d6c00;
  --color-muddy-green-50: #f8f9ca;
  --color-muddy-green-100: #edefb9;
  --color-muddy-green-200: #dadb9a;
  --color-muddy-green-300: #c3c479;
  --color-muddy-green-400: #a4a44f;
  --color-muddy-green-500: #88882d;
  --color-muddy-green-600: #6d6c00;
  --color-muddy-green-700: #565500;
  --color-muddy-green-800: #434300;
  --color-muddy-green-900: #343300;
  --color-muddy-green-950: #202000;
  --color-swimmer: #0091bf;
  --color-swimmer-50: #e9f8ff;
  --color-swimmer-100: #d2f0ff;
  --color-swimmer-200: #a3e1ff;
  --color-swimmer-300: #72cdf6;
  --color-swimmer-400: #40addb;
  --color-swimmer-500: #0091bf;
  --color-swimmer-600: #00759b;
  --color-swimmer-700: #005d7b;
  --color-swimmer-800: #004861;
  --color-swimmer-900: #00384c;
  --color-swimmer-950: #002331;
  --color-watermelon-mousse: #ffdfeb;
  --color-watermelon-mousse-50: #ffeef4;
  --color-watermelon-mousse-100: #ffdfeb;
  --color-watermelon-mousse-200: #e6ced7;
  --color-watermelon-mousse-300: #d2b7c1;
  --color-watermelon-mousse-400: #b497a2;
  --color-watermelon-mousse-500: #997c87;
  --color-watermelon-mousse-600: #7e636d;
  --color-watermelon-mousse-700: #664d57;
  --color-watermelon-mousse-800: #503b44;
  --color-watermelon-mousse-900: #3f2d34;
  --color-watermelon-mousse-950: #281b20;
  --color-nordic-noir: #003746;
  --color-nordic-noir-50: #e7f9ff;
  --color-nordic-noir-100: #d2f1fd;
  --color-nordic-noir-200: #badeec;
  --color-nordic-noir-300: #9fc9d8;
  --color-nordic-noir-400: #7ba9ba;
  --color-nordic-noir-500: #5e8e9f;
  --color-nordic-noir-600: #447283;
  --color-nordic-noir-700: #305b69;
  --color-nordic-noir-800: #214653;
  --color-nordic-noir-900: #003746;
  --color-nordic-noir-950: #0a2129;
  --color-nervous-neon-pink: #fa74d7;
  --color-nervous-neon-pink-50: #fff6fc;
  --color-nervous-neon-pink-100: #ffebf8;
  --color-nervous-neon-pink-200: #ffcfef;
  --color-nervous-neon-pink-300: #fface6;
  --color-nervous-neon-pink-400: #fa74d7;
  --color-nervous-neon-pink-500: #d855b7;
  --color-nervous-neon-pink-600: #b73599;
  --color-nervous-neon-pink-700: #971a7d;
  --color-nervous-neon-pink-800: #790363;
  --color-nervous-neon-pink-900: #5e004c;
  --color-nervous-neon-pink-950: #3c0030;
}

Similar palettes