Ayahuasca Vine to Retro Vibe color palette

6F4C00Ayahuasca Vine FACA74Naked Noodle 947500Glazed Chestnut 402E00Secret Passage CA9500Retro Vibe

About this palette

Ayahuasca Vine to Retro Vibe is a 5-color warm, earthy, monochromatic palette: #6F4C00 (Ayahuasca Vine), #FACA74 (Naked Noodle), #947500 (Glazed Chestnut), #402E00 (Secret Passage), #CA9500 (Retro Vibe). It mixes brown, yellow tones and feels warm overall. The strongest text pairing is #FACA74 on #402E00 with a contrast ratio of 8.56:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Ayahuasca Vine	rgb(111, 76, 0)	hsl(41, 100%, 22%)
Naked Noodle	rgb(250, 202, 116)	hsl(39, 93%, 72%)
Glazed Chestnut	rgb(148, 117, 0)	hsl(47, 100%, 29%)
Secret Passage	rgb(64, 46, 0)	hsl(43, 100%, 13%)
Retro Vibe	rgb(202, 149, 0)	hsl(44, 100%, 40%)

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.

Aa8.56:1 Very good#FACA74 on #402E00
Aa8.56:1 Very good#402E00 on #FACA74
Aa5.08:1 Good#6F4C00 on #FACA74
Aa5.08:1 Good#FACA74 on #6F4C00
Aa4.85:1 Good#402E00 on #CA9500
Aa4.85:1 Good#CA9500 on #402E00

Color blindness preview

CSS variables

/* Ayahuasca Vine to Retro Vibe — https://swatchly.xyz/palette/6f4c00-faca74-947500-402e00-ca9500 */
:root {
  --ayahuasca-vine: #6f4c00;
  --naked-noodle: #faca74;
  --glazed-chestnut: #947500;
  --secret-passage: #402e00;
  --retro-vibe: #ca9500;
}

Tailwind CSS v4

/* Ayahuasca Vine to Retro Vibe — https://swatchly.xyz/palette/6f4c00-faca74-947500-402e00-ca9500 */
@theme {
  --color-ayahuasca-vine: #6f4c00;
  --color-ayahuasca-vine-50: #fff3e2;
  --color-ayahuasca-vine-100: #ffe8c4;
  --color-ayahuasca-vine-200: #f0d2a4;
  --color-ayahuasca-vine-300: #dcbb86;
  --color-ayahuasca-vine-400: #bf9a5f;
  --color-ayahuasca-vine-500: #a37e40;
  --color-ayahuasca-vine-600: #876325;
  --color-ayahuasca-vine-700: #6f4c00;
  --color-ayahuasca-vine-800: #573b02;
  --color-ayahuasca-vine-900: #442d00;
  --color-ayahuasca-vine-950: #2b1b00;
  --color-naked-noodle: #faca74;
  --color-naked-noodle-50: #ffefd5;
  --color-naked-noodle-100: #ffe3b2;
  --color-naked-noodle-200: #faca74;
  --color-naked-noodle-300: #dfb66d;
  --color-naked-noodle-400: #c29642;
  --color-naked-noodle-500: #a87b1c;
  --color-naked-noodle-600: #8a6200;
  --color-naked-noodle-700: #6f4e00;
  --color-naked-noodle-800: #583d00;
  --color-naked-noodle-900: #442e00;
  --color-naked-noodle-950: #2b1c00;
  --color-glazed-chestnut: #947500;
  --color-glazed-chestnut-50: #fff2cf;
  --color-glazed-chestnut-100: #fae5ac;
  --color-glazed-chestnut-200: #e8ce8a;
  --color-glazed-chestnut-300: #d1b565;
  --color-glazed-chestnut-400: #b29336;
  --color-glazed-chestnut-500: #947500;
  --color-glazed-chestnut-600: #775e00;
  --color-glazed-chestnut-700: #5f4a00;
  --color-glazed-chestnut-800: #4b3a00;
  --color-glazed-chestnut-900: #3b2d00;
  --color-glazed-chestnut-950: #261c00;
  --color-secret-passage: #402e00;
  --color-secret-passage-50: #fff4de;
  --color-secret-passage-100: #f7eace;
  --color-secret-passage-200: #e6d6b5;
  --color-secret-passage-300: #d1bf99;
  --color-secret-passage-400: #b39f75;
  --color-secret-passage-500: #978358;
  --color-secret-passage-600: #7c683f;
  --color-secret-passage-700: #63522c;
  --color-secret-passage-800: #4e3f1d;
  --color-secret-passage-900: #402e00;
  --color-secret-passage-950: #261d08;
  --color-retro-vibe: #ca9500;
  --color-retro-vibe-50: #fff3dc;
  --color-retro-vibe-100: #ffe7b9;
  --color-retro-vibe-200: #f8d080;
  --color-retro-vibe-300: #e6b758;
  --color-retro-vibe-400: #ca9500;
  --color-retro-vibe-500: #a87c00;
  --color-retro-vibe-600: #886300;
  --color-retro-vibe-700: #6d4e00;
  --color-retro-vibe-800: #553d00;
  --color-retro-vibe-900: #432f00;
  --color-retro-vibe-950: #2b1d00;
}