Ayahuasca Vine to Matt Purple Color Palette

About this palette

Ayahuasca Vine to Matt Purple is a 4-color palette: #594D0C (Ayahuasca Vine), #9EE9CF (Sea Glass Teal), #DB98C0 (Sweet Perfume), #8167D6 (Matt Purple). It mixes brown, turquoise, pink, purple tones and feels balanced overall. The strongest text pairing is #594D0C on #9EE9CF with a contrast ratio of 6.02:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Ayahuasca Vine	rgb(89, 77, 12)	hsl(51, 76%, 20%)
Sea Glass Teal	rgb(158, 233, 207)	hsl(159, 63%, 77%)
Sweet Perfume	rgb(219, 152, 192)	hsl(324, 48%, 73%)
Matt Purple	rgb(129, 103, 214)	hsl(254, 58%, 62%)

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.

Aa6.02:1 Good#594D0C on #9EE9CF
Aa6.02:1 Good#9EE9CF on #594D0C
Aa3.72:1 Poor#594D0C on #DB98C0
Aa3.72:1 Poor#DB98C0 on #594D0C
Aa3.10:1 Poor#9EE9CF on #8167D6
Aa3.10:1 Poor#8167D6 on #9EE9CF

Color blindness preview

CSS variables

/* Ayahuasca Vine to Matt Purple — https://swatchly.xyz/palette/594d0c-9ee9cf-db98c0-8167d6 */
:root {
  --ayahuasca-vine: #594d0c;
  --sea-glass-teal: #9ee9cf;
  --sweet-perfume: #db98c0;
  --matt-purple: #8167d6;
}

Tailwind CSS v4

/* Ayahuasca Vine to Matt Purple — https://swatchly.xyz/palette/594d0c-9ee9cf-db98c0-8167d6 */
@theme {
  --color-ayahuasca-vine: #594d0c;
  --color-ayahuasca-vine-50: #fdf6d4;
  --color-ayahuasca-vine-100: #f4ecc6;
  --color-ayahuasca-vine-200: #e0d7a9;
  --color-ayahuasca-vine-300: #c9bf8b;
  --color-ayahuasca-vine-400: #aa9e64;
  --color-ayahuasca-vine-500: #8d8146;
  --color-ayahuasca-vine-600: #71652c;
  --color-ayahuasca-vine-700: #594d0c;
  --color-ayahuasca-vine-800: #453c0d;
  --color-ayahuasca-vine-900: #352e05;
  --color-ayahuasca-vine-950: #211c02;
  --color-sea-glass-teal: #9ee9cf;
  --color-sea-glass-teal-50: #d8fff0;
  --color-sea-glass-teal-100: #c9f6e6;
  --color-sea-glass-teal-200: #9ee9cf;
  --color-sea-glass-teal-300: #91d0ba;
  --color-sea-glass-teal-400: #6bb19a;
  --color-sea-glass-teal-500: #4c967f;
  --color-sea-glass-teal-600: #317b65;
  --color-sea-glass-teal-700: #1c634f;
  --color-sea-glass-teal-800: #0c4e3d;
  --color-sea-glass-teal-900: #023d2e;
  --color-sea-glass-teal-950: #00261c;
  --color-sweet-perfume: #db98c0;
  --color-sweet-perfume-50: #fff8fc;
  --color-sweet-perfume-100: #ffedf7;
  --color-sweet-perfume-200: #ffd3ec;
  --color-sweet-perfume-300: #f2badb;
  --color-sweet-perfume-400: #db98c0;
  --color-sweet-perfume-500: #ba7aa1;
  --color-sweet-perfume-600: #9b5e83;
  --color-sweet-perfume-700: #7e4669;
  --color-sweet-perfume-800: #643352;
  --color-sweet-perfume-900: #4d243e;
  --color-sweet-perfume-950: #301426;
  --color-matt-purple: #8167d6;
  --color-matt-purple-50: #f3f2ff;
  --color-matt-purple-100: #e8e4ff;
  --color-matt-purple-200: #d3cbff;
  --color-matt-purple-300: #bbaeff;
  --color-matt-purple-400: #9d85f4;
  --color-matt-purple-500: #8167d6;
  --color-matt-purple-600: #694eb7;
  --color-matt-purple-700: #543a99;
  --color-matt-purple-800: #422b7e;
  --color-matt-purple-900: #341f66;
  --color-matt-purple-950: #201145;
}