Ayahuasca Vine to Secret Passage Color Palette

About this palette

Ayahuasca Vine to Secret Passage is a 5-color warm, vintage palette: #57520D (Ayahuasca Vine), #B8E8FF (Breaking the Ice), #ED96C1 (Sultan of Pink), #A06087 (Feminism), #2D2C02 (Secret Passage). It mixes brown, blue, pink, red tones and feels warm overall. The strongest text pairing is #B8E8FF on #2D2C02 with a contrast ratio of 10.88:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Ayahuasca Vine	rgb(87, 82, 13)	hsl(56, 74%, 20%)
Breaking the Ice	rgb(184, 232, 255)	hsl(199, 100%, 86%)
Sultan of Pink	rgb(237, 150, 193)	hsl(330, 71%, 76%)
Feminism	rgb(160, 96, 135)	hsl(323, 25%, 50%)
Secret Passage	rgb(45, 44, 2)	hsl(59, 91%, 9%)

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.88:1 Very good#B8E8FF on #2D2C02
Aa10.88:1 Very good#2D2C02 on #B8E8FF
Aa6.61:1 Good#ED96C1 on #2D2C02
Aa6.61:1 Good#2D2C02 on #ED96C1
Aa6.12:1 Good#57520D on #B8E8FF
Aa6.12:1 Good#B8E8FF on #57520D
Aa3.72:1 Poor#57520D on #ED96C1
Aa3.72:1 Poor#ED96C1 on #57520D

Color blindness preview

CSS variables

/* Ayahuasca Vine to Secret Passage — https://swatchly.xyz/palette/57520d-b8e8ff-ed96c1-a06087-2d2c02 */
:root {
  --ayahuasca-vine: #57520d;
  --breaking-the-ice: #b8e8ff;
  --sultan-of-pink: #ed96c1;
  --feminism: #a06087;
  --secret-passage: #2d2c02;
}

Tailwind CSS v4

/* Ayahuasca Vine to Secret Passage — https://swatchly.xyz/palette/57520d-b8e8ff-ed96c1-a06087-2d2c02 */
@theme {
  --color-ayahuasca-vine: #57520d;
  --color-ayahuasca-vine-50: #f9f8d4;
  --color-ayahuasca-vine-100: #f0eec6;
  --color-ayahuasca-vine-200: #dcd9a9;
  --color-ayahuasca-vine-300: #c5c28b;
  --color-ayahuasca-vine-400: #a6a264;
  --color-ayahuasca-vine-500: #8a8546;
  --color-ayahuasca-vine-600: #6e6a2c;
  --color-ayahuasca-vine-700: #57520d;
  --color-ayahuasca-vine-800: #44400c;
  --color-ayahuasca-vine-900: #343105;
  --color-ayahuasca-vine-950: #201e01;
  --color-breaking-the-ice: #b8e8ff;
  --color-breaking-the-ice-50: #f5fcff;
  --color-breaking-the-ice-100: #e3f6ff;
  --color-breaking-the-ice-200: #b8e8ff;
  --color-breaking-the-ice-300: #a8cee1;
  --color-breaking-the-ice-400: #82aec3;
  --color-breaking-the-ice-500: #6491a6;
  --color-breaking-the-ice-600: #497589;
  --color-breaking-the-ice-700: #345c6f;
  --color-breaking-the-ice-800: #244757;
  --color-breaking-the-ice-900: #183744;
  --color-breaking-the-ice-950: #0c222c;
  --color-sultan-of-pink: #ed96c1;
  --color-sultan-of-pink-50: #ffe8f2;
  --color-sultan-of-pink-100: #ffd6e9;
  --color-sultan-of-pink-200: #fcb5d7;
  --color-sultan-of-pink-300: #ed96c1;
  --color-sultan-of-pink-400: #cc7aa3;
  --color-sultan-of-pink-500: #b1608a;
  --color-sultan-of-pink-600: #954871;
  --color-sultan-of-pink-700: #7b365b;
  --color-sultan-of-pink-800: #652849;
  --color-sultan-of-pink-900: #511d3a;
  --color-sultan-of-pink-950: #350f24;
  --color-feminism: #a06087;
  --color-feminism-50: #fff0f8;
  --color-feminism-100: #ffe5f3;
  --color-feminism-200: #fecae8;
  --color-feminism-300: #eeb3d5;
  --color-feminism-400: #d393b9;
  --color-feminism-500: #ba79a0;
  --color-feminism-600: #a06087;
  --color-feminism-700: #83486d;
  --color-feminism-800: #693556;
  --color-feminism-900: #532742;
  --color-feminism-950: #35162a;
  --color-secret-passage: #2d2c02;
  --color-secret-passage-50: #f7f7df;
  --color-secret-passage-100: #edeed2;
  --color-secret-passage-200: #dadab9;
  --color-secret-passage-300: #c3c49e;
  --color-secret-passage-400: #a3a37a;
  --color-secret-passage-500: #86865c;
  --color-secret-passage-600: #6a6a42;
  --color-secret-passage-700: #51512e;
  --color-secret-passage-800: #3d3d1e;
  --color-secret-passage-900: #2d2c02;
  --color-secret-passage-950: #1a1a09;
}