Black Cherry to Ayahuasca Vine color palette

321624Black Cherry 259179Pool Table B096EFDreamy Candy Forest D9D8ACStardust 605500Ayahuasca Vine

About this palette

Black Cherry to Ayahuasca Vine is a 5-color warm, vintage palette: #321624 (Black Cherry), #259179 (Pool Table), #B096EF (Dreamy Candy Forest), #D9D8AC (Stardust), #605500 (Ayahuasca Vine). It mixes red, turquoise, purple, yellow, brown tones and feels warm overall. The strongest text pairing is #321624 on #D9D8AC with a contrast ratio of 11.26:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Black Cherry	rgb(50, 22, 36)	hsl(330, 39%, 14%)
Pool Table	rgb(37, 145, 121)	hsl(167, 59%, 36%)
Dreamy Candy Forest	rgb(176, 150, 239)	hsl(258, 74%, 76%)
Stardust	rgb(217, 216, 172)	hsl(59, 37%, 76%)
Ayahuasca Vine	rgb(96, 85, 0)	hsl(53, 100%, 19%)

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.

Aa11.26:1 Very good#321624 on #D9D8AC
Aa11.26:1 Very good#D9D8AC on #321624
Aa6.63:1 Good#321624 on #B096EF
Aa6.63:1 Good#B096EF on #321624
Aa5.14:1 Good#D9D8AC on #605500
Aa5.14:1 Good#605500 on #D9D8AC
Aa4.24:1 Poor#321624 on #259179
Aa4.24:1 Poor#259179 on #321624

Color blindness preview

CSS variables

/* Black Cherry to Ayahuasca Vine — https://swatchly.xyz/palette/321624-259179-b096ef-d9d8ac-605500 */
:root {
  --black-cherry: #321624;
  --pool-table: #259179;
  --dreamy-candy-forest: #b096ef;
  --stardust: #d9d8ac;
  --ayahuasca-vine: #605500;
}

Tailwind CSS v4

/* Black Cherry to Ayahuasca Vine — https://swatchly.xyz/palette/321624-259179-b096ef-d9d8ac-605500 */
@theme {
  --color-black-cherry: #321624;
  --color-black-cherry-50: #fff1f7;
  --color-black-cherry-100: #fce3ee;
  --color-black-cherry-200: #eccedb;
  --color-black-cherry-300: #d7b6c5;
  --color-black-cherry-400: #ba96a6;
  --color-black-cherry-500: #9e7b8b;
  --color-black-cherry-600: #836170;
  --color-black-cherry-700: #6a4c5a;
  --color-black-cherry-800: #553a47;
  --color-black-cherry-900: #432c37;
  --color-black-cherry-950: #321624;
  --color-pool-table: #259179;
  --color-pool-table-50: #d3fff1;
  --color-pool-table-100: #bbf7e5;
  --color-pool-table-200: #9ce4cf;
  --color-pool-table-300: #7aceb6;
  --color-pool-table-400: #4dae95;
  --color-pool-table-500: #259179;
  --color-pool-table-600: #007661;
  --color-pool-table-700: #005e4d;
  --color-pool-table-800: #004a3c;
  --color-pool-table-900: #003a2e;
  --color-pool-table-950: #00251c;
  --color-dreamy-candy-forest: #b096ef;
  --color-dreamy-candy-forest-50: #f8f6ff;
  --color-dreamy-candy-forest-100: #f0ebff;
  --color-dreamy-candy-forest-200: #dfd5ff;
  --color-dreamy-candy-forest-300: #ccbaff;
  --color-dreamy-candy-forest-400: #b096ef;
  --color-dreamy-candy-forest-500: #9379cf;
  --color-dreamy-candy-forest-600: #785eb0;
  --color-dreamy-candy-forest-700: #604792;
  --color-dreamy-candy-forest-800: #4b3577;
  --color-dreamy-candy-forest-900: #39265e;
  --color-dreamy-candy-forest-950: #23153d;
  --color-stardust: #d9d8ac;
  --color-stardust-50: #f6f5dc;
  --color-stardust-100: #ebebcf;
  --color-stardust-200: #d9d8ac;
  --color-stardust-300: #c2c19c;
  --color-stardust-400: #a4a37a;
  --color-stardust-500: #89885e;
  --color-stardust-600: #6f6d46;
  --color-stardust-700: #585733;
  --color-stardust-800: #454424;
  --color-stardust-900: #353419;
  --color-stardust-950: #21200d;
  --color-ayahuasca-vine: #605500;
  --color-ayahuasca-vine-50: #fcf7d0;
  --color-ayahuasca-vine-100: #f3edc1;
  --color-ayahuasca-vine-200: #e1d9a5;
  --color-ayahuasca-vine-300: #ccc386;
  --color-ayahuasca-vine-400: #ada35f;
  --color-ayahuasca-vine-500: #928740;
  --color-ayahuasca-vine-600: #776c25;
  --color-ayahuasca-vine-700: #605500;
  --color-ayahuasca-vine-800: #4b4201;
  --color-ayahuasca-vine-900: #3a3300;
  --color-ayahuasca-vine-950: #241f00;
}