Start generating

Plunged Into Darkness to Mindaro color palette

3F2051Plunged Into DarknessEE725ARoyal Blush8A4FE8Candy Grape Fizz24DCFFVaporwave Blue973300ChocoholicD7EA79Mindaro
Open in generator Export PNG, PDF, ASE…

About this palette

Plunged Into Darkness to Mindaro is a 6-color vibrant, cool palette: #3F2051 (Plunged Into Darkness), #EE725A (Royal Blush), #8A4FE8 (Candy Grape Fizz), #24DCFF (Vaporwave Blue), #973300 (Chocoholic), #D7EA79 (Mindaro). It mixes purple, red, blue, brown, green tones and feels cool overall. The strongest text pairing is #3F2051 on #D7EA79 with a contrast ratio of 10.37:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Plunged Into Darknessrgb(63, 32, 81)hsl(278, 43%, 22%)
Royal Blushrgb(238, 114, 90)hsl(10, 81%, 64%)
Candy Grape Fizzrgb(138, 79, 232)hsl(263, 77%, 61%)
Vaporwave Bluergb(36, 220, 255)hsl(190, 100%, 57%)
Chocoholicrgb(151, 51, 0)hsl(20, 100%, 30%)
Mindarorgb(215, 234, 121)hsl(70, 73%, 70%)

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.37:1 Very good#3F2051 on #D7EA79
  • Aa10.37:1 Very good#D7EA79 on #3F2051
  • Aa8.30:1 Very good#3F2051 on #24DCFF
  • Aa8.30:1 Very good#24DCFF on #3F2051
  • Aa5.71:1 Good#973300 on #D7EA79
  • Aa5.71:1 Good#D7EA79 on #973300
  • Aa4.68:1 Good#3F2051 on #EE725A
  • Aa4.68:1 Good#EE725A on #3F2051

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Plunged Into Darkness to Mindaro — https://swatchly.xyz/palette/3f2051-ee725a-8a4fe8-24dcff-973300-d7ea79 */
:root {
  --plunged-into-darkness: #3f2051;
  --royal-blush: #ee725a;
  --candy-grape-fizz: #8a4fe8;
  --vaporwave-blue: #24dcff;
  --chocoholic: #973300;
  --mindaro: #d7ea79;
}

Tailwind CSS v4

/* Plunged Into Darkness to Mindaro — https://swatchly.xyz/palette/3f2051-ee725a-8a4fe8-24dcff-973300-d7ea79 */
@theme {
  --color-plunged-into-darkness: #3f2051;
  --color-plunged-into-darkness-50: #f9f2ff;
  --color-plunged-into-darkness-100: #f4e4ff;
  --color-plunged-into-darkness-200: #e6ccf8;
  --color-plunged-into-darkness-300: #d1b3e6;
  --color-plunged-into-darkness-400: #b392c9;
  --color-plunged-into-darkness-500: #9775ad;
  --color-plunged-into-darkness-600: #7b5b90;
  --color-plunged-into-darkness-700: #624575;
  --color-plunged-into-darkness-800: #4d345d;
  --color-plunged-into-darkness-900: #3f2051;
  --color-plunged-into-darkness-950: #25162e;
  --color-royal-blush: #ee725a;
  --color-royal-blush-50: #ffefec;
  --color-royal-blush-100: #ffe1da;
  --color-royal-blush-200: #ffc4b7;
  --color-royal-blush-300: #ffa08c;
  --color-royal-blush-400: #ee725a;
  --color-royal-blush-500: #cf5640;
  --color-royal-blush-600: #b03c27;
  --color-royal-blush-700: #922815;
  --color-royal-blush-800: #771907;
  --color-royal-blush-900: #600e01;
  --color-royal-blush-950: #400500;
  --color-candy-grape-fizz: #8a4fe8;
  --color-candy-grape-fizz-50: #f4f0ff;
  --color-candy-grape-fizz-100: #e9e1ff;
  --color-candy-grape-fizz-200: #d5c6ff;
  --color-candy-grape-fizz-300: #c0a6ff;
  --color-candy-grape-fizz-400: #a575ff;
  --color-candy-grape-fizz-500: #8a4fe8;
  --color-candy-grape-fizz-600: #7236c8;
  --color-candy-grape-fizz-700: #5c21a8;
  --color-candy-grape-fizz-800: #4a138b;
  --color-candy-grape-fizz-900: #3b0872;
  --color-candy-grape-fizz-950: #26034e;
  --color-vaporwave-blue: #24dcff;
  --color-vaporwave-blue-50: #ebfbff;
  --color-vaporwave-blue-100: #d3f6ff;
  --color-vaporwave-blue-200: #98eaff;
  --color-vaporwave-blue-300: #24dcff;
  --color-vaporwave-blue-400: #00b9d8;
  --color-vaporwave-blue-500: #0099b3;
  --color-vaporwave-blue-600: #007b91;
  --color-vaporwave-blue-700: #006173;
  --color-vaporwave-blue-800: #004c5a;
  --color-vaporwave-blue-900: #003a45;
  --color-vaporwave-blue-950: #00242c;
  --color-chocoholic: #973300;
  --color-chocoholic-50: #fff2ed;
  --color-chocoholic-100: #ffe5db;
  --color-chocoholic-200: #ffcbb8;
  --color-chocoholic-300: #ffaa8b;
  --color-chocoholic-400: #ea835e;
  --color-chocoholic-500: #cf663f;
  --color-chocoholic-600: #b04c24;
  --color-chocoholic-700: #973300;
  --color-chocoholic-800: #782600;
  --color-chocoholic-900: #5e1c00;
  --color-chocoholic-950: #3d0f00;
  --color-mindaro: #d7ea79;
  --color-mindaro-50: #f6ffd6;
  --color-mindaro-100: #ecf8ba;
  --color-mindaro-200: #d7ea79;
  --color-mindaro-300: #c0d076;
  --color-mindaro-400: #a0b045;
  --color-mindaro-500: #849315;
  --color-mindaro-600: #697600;
  --color-mindaro-700: #525d00;
  --color-mindaro-800: #3f4800;
  --color-mindaro-900: #303700;
  --color-mindaro-950: #1e2200;
}

Similar palettes