Azureno to Ayahuasca Vine Color Palette

About this palette

Azureno to Ayahuasca Vine is a 5-color cool, vintage palette: #8F9CE0 (Azureno), #008A9F (Waikiki), #FFC0B8 (Peach Scone), #003D42 (Rich Black), #6F5100 (Ayahuasca Vine). It mixes purple, turquoise, pink, brown tones and feels cool overall. The strongest text pairing is #FFC0B8 on #003D42 with a contrast ratio of 7.72:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Azureno	rgb(143, 156, 224)	hsl(230, 57%, 72%)
Waikiki	rgb(0, 138, 159)	hsl(188, 100%, 31%)
Peach Scone	rgb(255, 192, 184)	hsl(7, 100%, 86%)
Rich Black	rgb(0, 61, 66)	hsl(185, 100%, 13%)
Ayahuasca Vine	rgb(111, 81, 0)	hsl(44, 100%, 22%)

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.

Aa7.72:1 Very good#FFC0B8 on #003D42
Aa7.72:1 Very good#003D42 on #FFC0B8
Aa4.73:1 Good#FFC0B8 on #6F5100
Aa4.73:1 Good#6F5100 on #FFC0B8
Aa4.58:1 Good#8F9CE0 on #003D42
Aa4.58:1 Good#003D42 on #8F9CE0

Color blindness preview

CSS variables

/* Azureno to Ayahuasca Vine — https://swatchly.xyz/palette/8f9ce0-008a9f-ffc0b8-003d42-6f5100 */
:root {
  --azureno: #8f9ce0;
  --waikiki: #008a9f;
  --peach-scone: #ffc0b8;
  --rich-black: #003d42;
  --ayahuasca-vine: #6f5100;
}

Tailwind CSS v4

/* Azureno to Ayahuasca Vine — https://swatchly.xyz/palette/8f9ce0-008a9f-ffc0b8-003d42-6f5100 */
@theme {
  --color-azureno: #8f9ce0;
  --color-azureno-50: #f2f4ff;
  --color-azureno-100: #e5eaff;
  --color-azureno-200: #ccd5ff;
  --color-azureno-300: #b0bdf9;
  --color-azureno-400: #8f9ce0;
  --color-azureno-500: #7580c2;
  --color-azureno-600: #5b66a4;
  --color-azureno-700: #475088;
  --color-azureno-800: #363d6f;
  --color-azureno-900: #282e58;
  --color-azureno-950: #181c3a;
  --color-waikiki: #008a9f;
  --color-waikiki-50: #def9ff;
  --color-waikiki-100: #baf2ff;
  --color-waikiki-200: #93dff1;
  --color-waikiki-300: #6ec8dc;
  --color-waikiki-400: #3da8bd;
  --color-waikiki-500: #008a9f;
  --color-waikiki-600: #006f81;
  --color-waikiki-700: #005967;
  --color-waikiki-800: #004651;
  --color-waikiki-900: #003640;
  --color-waikiki-950: #002329;
  --color-peach-scone: #ffc0b8;
  --color-peach-scone-50: #ffecea;
  --color-peach-scone-100: #ffded9;
  --color-peach-scone-200: #ffc0b8;
  --color-peach-scone-300: #e3ada6;
  --color-peach-scone-400: #c78d86;
  --color-peach-scone-500: #ac726c;
  --color-peach-scone-600: #8f5a53;
  --color-peach-scone-700: #764540;
  --color-peach-scone-800: #5f3530;
  --color-peach-scone-900: #4b2723;
  --color-peach-scone-950: #311714;
  --color-rich-black: #003d42;
  --color-rich-black-50: #defcff;
  --color-rich-black-100: #d2f2f6;
  --color-rich-black-200: #b9e0e4;
  --color-rich-black-300: #9dcacf;
  --color-rich-black-400: #7aacb1;
  --color-rich-black-500: #5d9196;
  --color-rich-black-600: #44777c;
  --color-rich-black-700: #305f64;
  --color-rich-black-800: #214c50;
  --color-rich-black-900: #003d42;
  --color-rich-black-950: #0a2528;
  --color-ayahuasca-vine: #6f5100;
  --color-ayahuasca-vine-50: #fff4df;
  --color-ayahuasca-vine-100: #fee9c0;
  --color-ayahuasca-vine-200: #eed5a4;
  --color-ayahuasca-vine-300: #dabe86;
  --color-ayahuasca-vine-400: #bd9e5f;
  --color-ayahuasca-vine-500: #a28240;
  --color-ayahuasca-vine-600: #866825;
  --color-ayahuasca-vine-700: #6f5100;
  --color-ayahuasca-vine-800: #573f00;
  --color-ayahuasca-vine-900: #443000;
  --color-ayahuasca-vine-950: #2b1d00;
}