Millennial Pink to Ayahuasca Vine Color Palette

About this palette

Millennial Pink to Ayahuasca Vine is a 5-color cool palette: #FFC7C4 (Millennial Pink), #AD93FF (Dreamy Candy Forest), #00A2B1 (Baltic), #6955A0 (Prophet Violet), #564D00 (Ayahuasca Vine). It mixes pink, purple, turquoise, brown tones and feels cool overall. The strongest text pairing is #FFC7C4 on #564D00 with a contrast ratio of 5.79:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Millennial Pink	rgb(255, 199, 196)	hsl(3, 100%, 88%)
Dreamy Candy Forest	rgb(173, 147, 255)	hsl(254, 100%, 79%)
Baltic	rgb(0, 162, 177)	hsl(185, 100%, 35%)
Prophet Violet	rgb(105, 85, 160)	hsl(256, 31%, 48%)
Ayahuasca Vine	rgb(86, 77, 0)	hsl(54, 100%, 17%)

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.

Aa5.79:1 Good#FFC7C4 on #564D00
Aa5.79:1 Good#564D00 on #FFC7C4
Aa4.17:1 Poor#FFC7C4 on #6955A0
Aa4.17:1 Poor#6955A0 on #FFC7C4
Aa3.42:1 Poor#AD93FF on #564D00
Aa3.42:1 Poor#564D00 on #AD93FF

Color blindness preview

CSS variables

/* Millennial Pink to Ayahuasca Vine — https://swatchly.xyz/palette/ffc7c4-ad93ff-00a2b1-6955a0-564d00 */
:root {
  --millennial-pink: #ffc7c4;
  --dreamy-candy-forest: #ad93ff;
  --baltic: #00a2b1;
  --prophet-violet: #6955a0;
  --ayahuasca-vine: #564d00;
}

Tailwind CSS v4

/* Millennial Pink to Ayahuasca Vine — https://swatchly.xyz/palette/ffc7c4-ad93ff-00a2b1-6955a0-564d00 */
@theme {
  --color-millennial-pink: #ffc7c4;
  --color-millennial-pink-50: #fff1f0;
  --color-millennial-pink-100: #ffe3e2;
  --color-millennial-pink-200: #ffc7c4;
  --color-millennial-pink-300: #e2b3b1;
  --color-millennial-pink-400: #c59290;
  --color-millennial-pink-500: #a97774;
  --color-millennial-pink-600: #8d5d5b;
  --color-millennial-pink-700: #734846;
  --color-millennial-pink-800: #5c3735;
  --color-millennial-pink-900: #482928;
  --color-millennial-pink-950: #2f1817;
  --color-dreamy-candy-forest: #ad93ff;
  --color-dreamy-candy-forest-50: #f7f6ff;
  --color-dreamy-candy-forest-100: #efecff;
  --color-dreamy-candy-forest-200: #ddd6ff;
  --color-dreamy-candy-forest-300: #c9bbff;
  --color-dreamy-candy-forest-400: #ad93ff;
  --color-dreamy-candy-forest-500: #9176df;
  --color-dreamy-candy-forest-600: #755abf;
  --color-dreamy-candy-forest-700: #5e43a0;
  --color-dreamy-candy-forest-800: #493182;
  --color-dreamy-candy-forest-900: #382368;
  --color-dreamy-candy-forest-950: #231344;
  --color-baltic: #00a2b1;
  --color-baltic-50: #e5fcff;
  --color-baltic-100: #c9f9ff;
  --color-baltic-200: #9cecf7;
  --color-baltic-300: #7ad9e5;
  --color-baltic-400: #47bcca;
  --color-baltic-500: #00a2b1;
  --color-baltic-600: #00828f;
  --color-baltic-700: #006771;
  --color-baltic-800: #005058;
  --color-baltic-900: #003d44;
  --color-baltic-950: #00262a;
  --color-prophet-violet: #6955a0;
  --color-prophet-violet-50: #f5f3ff;
  --color-prophet-violet-100: #eae6ff;
  --color-prophet-violet-200: #d7ccff;
  --color-prophet-violet-300: #c0b0f8;
  --color-prophet-violet-400: #a08edc;
  --color-prophet-violet-500: #8471be;
  --color-prophet-violet-600: #6955a0;
  --color-prophet-violet-700: #534283;
  --color-prophet-violet-800: #42326a;
  --color-prophet-violet-900: #332555;
  --color-prophet-violet-950: #201638;
  --color-ayahuasca-vine: #564d00;
  --color-ayahuasca-vine-50: #fbf7d2;
  --color-ayahuasca-vine-100: #f2edc4;
  --color-ayahuasca-vine-200: #ded8a6;
  --color-ayahuasca-vine-300: #c7c086;
  --color-ayahuasca-vine-400: #a79e5f;
  --color-ayahuasca-vine-500: #8a8140;
  --color-ayahuasca-vine-600: #6e6526;
  --color-ayahuasca-vine-700: #564d00;
  --color-ayahuasca-vine-800: #433c06;
  --color-ayahuasca-vine-900: #342e02;
  --color-ayahuasca-vine-950: #201c00;
}