Start generating

Ayahuasca Vine to Candy Grape Fizz color palette

655C00Ayahuasca VineA59CFFCold LipsFDD52CBanana Pepper363300Wasabi Nori6D50F5Candy Grape Fizz
Open in generator Export PNG, PDF, ASE…

About this palette

Ayahuasca Vine to Candy Grape Fizz is a 5-color vibrant, warm palette: #655C00 (Ayahuasca Vine), #A59CFF (Cold Lips), #FDD52C (Banana Pepper), #363300 (Wasabi Nori), #6D50F5 (Candy Grape Fizz). It mixes brown, purple, yellow tones and feels warm overall. The strongest text pairing is #FDD52C on #363300 with a contrast ratio of 9.04:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Ayahuasca Vinergb(101, 92, 0)hsl(55, 100%, 20%)
Cold Lipsrgb(165, 156, 255)hsl(245, 100%, 81%)
Banana Pepperrgb(253, 213, 44)hsl(49, 98%, 58%)
Wasabi Norirgb(54, 51, 0)hsl(57, 100%, 11%)
Candy Grape Fizzrgb(109, 80, 245)hsl(251, 89%, 64%)

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.

  • Aa9.04:1 Very good#FDD52C on #363300
  • Aa9.04:1 Very good#363300 on #FDD52C
  • Aa5.40:1 Good#A59CFF on #363300
  • Aa5.40:1 Good#363300 on #A59CFF
  • Aa4.78:1 Good#655C00 on #FDD52C
  • Aa4.78:1 Good#FDD52C on #655C00
  • Aa3.58:1 Poor#FDD52C on #6D50F5
  • Aa3.58:1 Poor#6D50F5 on #FDD52C

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Ayahuasca Vine to Candy Grape Fizz — https://swatchly.xyz/palette/655c00-a59cff-fdd52c-363300-6d50f5 */
:root {
  --ayahuasca-vine: #655c00;
  --cold-lips: #a59cff;
  --banana-pepper: #fdd52c;
  --wasabi-nori: #363300;
  --candy-grape-fizz: #6d50f5;
}

Tailwind CSS v4

/* Ayahuasca Vine to Candy Grape Fizz — https://swatchly.xyz/palette/655c00-a59cff-fdd52c-363300-6d50f5 */
@theme {
  --color-ayahuasca-vine: #655c00;
  --color-ayahuasca-vine-50: #fbf7ce;
  --color-ayahuasca-vine-100: #f2eebf;
  --color-ayahuasca-vine-200: #e1dba4;
  --color-ayahuasca-vine-300: #ccc686;
  --color-ayahuasca-vine-400: #afa75f;
  --color-ayahuasca-vine-500: #958c40;
  --color-ayahuasca-vine-600: #7b7225;
  --color-ayahuasca-vine-700: #655c00;
  --color-ayahuasca-vine-800: #4f4800;
  --color-ayahuasca-vine-900: #3d3700;
  --color-ayahuasca-vine-950: #262200;
  --color-cold-lips: #a59cff;
  --color-cold-lips-50: #f8f8ff;
  --color-cold-lips-100: #efeeff;
  --color-cold-lips-200: #dbdaff;
  --color-cold-lips-300: #c4c1ff;
  --color-cold-lips-400: #a59cff;
  --color-cold-lips-500: #897fde;
  --color-cold-lips-600: #6d62be;
  --color-cold-lips-700: #564a9f;
  --color-cold-lips-800: #423781;
  --color-cold-lips-900: #322866;
  --color-cold-lips-950: #1e1643;
  --color-banana-pepper: #fdd52c;
  --color-banana-pepper-50: #fff6d5;
  --color-banana-pepper-100: #ffeca6;
  --color-banana-pepper-200: #fdd52c;
  --color-banana-pepper-300: #e0bf3e;
  --color-banana-pepper-400: #c09f00;
  --color-banana-pepper-500: #a08400;
  --color-banana-pepper-600: #816a00;
  --color-banana-pepper-700: #665400;
  --color-banana-pepper-800: #504100;
  --color-banana-pepper-900: #3e3200;
  --color-banana-pepper-950: #271e00;
  --color-wasabi-nori: #363300;
  --color-wasabi-nori-50: #f8f7db;
  --color-wasabi-nori-100: #eeedce;
  --color-wasabi-nori-200: #dbdab5;
  --color-wasabi-nori-300: #c5c499;
  --color-wasabi-nori-400: #a6a475;
  --color-wasabi-nori-500: #8b8858;
  --color-wasabi-nori-600: #706e3f;
  --color-wasabi-nori-700: #59562c;
  --color-wasabi-nori-800: #45431e;
  --color-wasabi-nori-900: #363300;
  --color-wasabi-nori-950: #201f08;
  --color-candy-grape-fizz: #6d50f5;
  --color-candy-grape-fizz-50: #f4f4ff;
  --color-candy-grape-fizz-100: #eaebff;
  --color-candy-grape-fizz-200: #d6d7ff;
  --color-candy-grape-fizz-300: #bebfff;
  --color-candy-grape-fizz-400: #9e9aff;
  --color-candy-grape-fizz-500: #8476ff;
  --color-candy-grape-fizz-600: #6d50f5;
  --color-candy-grape-fizz-700: #5736d1;
  --color-candy-grape-fizz-800: #4421ae;
  --color-candy-grape-fizz-900: #35128d;
  --color-candy-grape-fizz-950: #210560;
}

Similar palettes