Ayahuasca Vine to Creamy Ivory Color Palette

About this palette

Ayahuasca Vine to Creamy Ivory is a 5-color warm, earthy, vintage, monochromatic, gradient palette: #5C5005 (Ayahuasca Vine), #806915 (Muddy Brown), #B2913A (Pirate’s Hook), #CCB06A (Canadian Maple), #EBDFB0 (Creamy Ivory). It mixes brown, yellow tones and feels warm overall. The strongest text pairing is #5C5005 on #EBDFB0 with a contrast ratio of 6.03:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Ayahuasca Vine	rgb(92, 80, 5)	hsl(52, 90%, 19%)
Muddy Brown	rgb(128, 105, 21)	hsl(47, 72%, 29%)
Pirate’s Hook	rgb(178, 145, 58)	hsl(44, 51%, 46%)
Canadian Maple	rgb(204, 176, 106)	hsl(43, 49%, 61%)
Creamy Ivory	rgb(235, 223, 176)	hsl(48, 60%, 81%)

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.03:1 Good#5C5005 on #EBDFB0
Aa6.03:1 Good#EBDFB0 on #5C5005
Aa3.98:1 Poor#806915 on #EBDFB0
Aa3.98:1 Poor#EBDFB0 on #806915
Aa3.83:1 Poor#5C5005 on #CCB06A
Aa3.83:1 Poor#CCB06A on #5C5005

Color blindness preview

CSS variables

/* Ayahuasca Vine to Creamy Ivory — https://swatchly.xyz/palette/5c5005-806915-b2913a-ccb06a-ebdfb0 */
:root {
  --ayahuasca-vine: #5c5005;
  --muddy-brown: #806915;
  --pirate-s-hook: #b2913a;
  --canadian-maple: #ccb06a;
  --creamy-ivory: #ebdfb0;
}

Tailwind CSS v4

/* Ayahuasca Vine to Creamy Ivory — https://swatchly.xyz/palette/5c5005-806915-b2913a-ccb06a-ebdfb0 */
@theme {
  --color-ayahuasca-vine: #5c5005;
  --color-ayahuasca-vine-50: #fdf6d2;
  --color-ayahuasca-vine-100: #f4ecc4;
  --color-ayahuasca-vine-200: #e1d8a7;
  --color-ayahuasca-vine-300: #cbc088;
  --color-ayahuasca-vine-400: #aba061;
  --color-ayahuasca-vine-500: #8f8342;
  --color-ayahuasca-vine-600: #736828;
  --color-ayahuasca-vine-700: #5c5005;
  --color-ayahuasca-vine-800: #483e07;
  --color-ayahuasca-vine-900: #373002;
  --color-ayahuasca-vine-950: #231d00;
  --color-muddy-brown: #806915;
  --color-muddy-brown-50: #fff5d6;
  --color-muddy-brown-100: #faebbc;
  --color-muddy-brown-200: #e9d79f;
  --color-muddy-brown-300: #d4c07f;
  --color-muddy-brown-400: #b6a057;
  --color-muddy-brown-500: #9b8436;
  --color-muddy-brown-600: #806915;
  --color-muddy-brown-700: #675300;
  --color-muddy-brown-800: #514000;
  --color-muddy-brown-900: #3e3100;
  --color-muddy-brown-950: #271e00;
  --color-pirate-s-hook: #b2913a;
  --color-pirate-s-hook-50: #fff0cb;
  --color-pirate-s-hook-100: #f9e3ad;
  --color-pirate-s-hook-200: #e7cc8c;
  --color-pirate-s-hook-300: #d1b369;
  --color-pirate-s-hook-400: #b2913a;
  --color-pirate-s-hook-500: #98781a;
  --color-pirate-s-hook-600: #7d6000;
  --color-pirate-s-hook-700: #644c00;
  --color-pirate-s-hook-800: #4f3c00;
  --color-pirate-s-hook-900: #3f2f00;
  --color-pirate-s-hook-950: #291d00;
  --color-canadian-maple: #ccb06a;
  --color-canadian-maple-50: #feedc3;
  --color-canadian-maple-100: #f3e0b1;
  --color-canadian-maple-200: #e0ca92;
  --color-canadian-maple-300: #ccb06a;
  --color-canadian-maple-400: #ae934f;
  --color-canadian-maple-500: #957a33;
  --color-canadian-maple-600: #7b621b;
  --color-canadian-maple-700: #654e05;
  --color-canadian-maple-800: #513d00;
  --color-canadian-maple-900: #413000;
  --color-canadian-maple-950: #291d00;
  --color-creamy-ivory: #ebdfb0;
  --color-creamy-ivory-50: #fffae7;
  --color-creamy-ivory-100: #f8f2d7;
  --color-creamy-ivory-200: #ebdfb0;
  --color-creamy-ivory-300: #d1c7a1;
  --color-creamy-ivory-400: #b1a67c;
  --color-creamy-ivory-500: #958a5e;
  --color-creamy-ivory-600: #796e43;
  --color-creamy-ivory-700: #60562f;
  --color-creamy-ivory-800: #4b4220;
  --color-creamy-ivory-900: #3a3315;
  --color-creamy-ivory-950: #241f0a;
}