Plunged Into Darkness to Aqua Fiesta color palette

412250Plunged Into Darkness 695391Passion Flower 6E8C00Asparagus Sultan CF8197Primrose 8DE2D9Aqua Fiesta

Open in generator Export PNG, PDF, ASE…

About this palette

Plunged Into Darkness to Aqua Fiesta is a 5-color cool palette: #412250 (Plunged Into Darkness), #695391 (Passion Flower), #6E8C00 (Asparagus Sultan), #CF8197 (Primrose), #8DE2D9 (Aqua Fiesta). It mixes purple, green, pink, turquoise tones and feels cool overall. The strongest text pairing is #412250 on #8DE2D9 with a contrast ratio of 8.93:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Plunged Into Darkness	rgb(65, 34, 80)	hsl(280, 40%, 22%)
Passion Flower	rgb(105, 83, 145)	hsl(261, 27%, 45%)
Asparagus Sultan	rgb(110, 140, 0)	hsl(73, 100%, 27%)
Primrose	rgb(207, 129, 151)	hsl(343, 45%, 66%)
Aqua Fiesta	rgb(141, 226, 217)	hsl(174, 59%, 72%)

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.

Aa8.93:1 Very good#412250 on #8DE2D9
Aa8.93:1 Very good#8DE2D9 on #412250
Aa4.61:1 Good#412250 on #CF8197
Aa4.61:1 Good#CF8197 on #412250
Aa4.32:1 Poor#695391 on #8DE2D9
Aa4.32:1 Poor#8DE2D9 on #695391
Aa3.45:1 Poor#412250 on #6E8C00
Aa3.45:1 Poor#6E8C00 on #412250

Color blindness preview

CSS variables

/* Plunged Into Darkness to Aqua Fiesta — https://swatchly.xyz/palette/412250-695391-6e8c00-cf8197-8de2d9 */
:root {
  --plunged-into-darkness: #412250;
  --passion-flower: #695391;
  --asparagus-sultan: #6e8c00;
  --primrose: #cf8197;
  --aqua-fiesta: #8de2d9;
}

Tailwind CSS v4

/* Plunged Into Darkness to Aqua Fiesta — https://swatchly.xyz/palette/412250-695391-6e8c00-cf8197-8de2d9 */
@theme {
  --color-plunged-into-darkness: #412250;
  --color-plunged-into-darkness-50: #faf1ff;
  --color-plunged-into-darkness-100: #f5e4ff;
  --color-plunged-into-darkness-200: #e7ccf6;
  --color-plunged-into-darkness-300: #d2b3e3;
  --color-plunged-into-darkness-400: #b492c6;
  --color-plunged-into-darkness-500: #9876ab;
  --color-plunged-into-darkness-600: #7d5c8e;
  --color-plunged-into-darkness-700: #644773;
  --color-plunged-into-darkness-800: #4f355c;
  --color-plunged-into-darkness-900: #412250;
  --color-plunged-into-darkness-950: #26172e;
  --color-passion-flower: #695391;
  --color-passion-flower-50: #f6f3ff;
  --color-passion-flower-100: #ece4ff;
  --color-passion-flower-200: #dac9ff;
  --color-passion-flower-300: #c2afec;
  --color-passion-flower-400: #a28ccd;
  --color-passion-flower-500: #856faf;
  --color-passion-flower-600: #695391;
  --color-passion-flower-700: #544076;
  --color-passion-flower-800: #42315f;
  --color-passion-flower-900: #33254c;
  --color-passion-flower-950: #201632;
  --color-asparagus-sultan: #6e8c00;
  --color-asparagus-sultan-50: #e9fec1;
  --color-asparagus-sultan-100: #dcf3ae;
  --color-asparagus-sultan-200: #c5e08d;
  --color-asparagus-sultan-300: #abc968;
  --color-asparagus-sultan-400: #8aa938;
  --color-asparagus-sultan-500: #6e8c00;
  --color-asparagus-sultan-600: #587100;
  --color-asparagus-sultan-700: #455a00;
  --color-asparagus-sultan-800: #364600;
  --color-asparagus-sultan-900: #293700;
  --color-asparagus-sultan-950: #192200;
  --color-primrose: #cf8197;
  --color-primrose-50: #ffeef2;
  --color-primrose-100: #ffdee6;
  --color-primrose-200: #ffbfd0;
  --color-primrose-300: #eca5b8;
  --color-primrose-400: #cf8197;
  --color-primrose-500: #b2677d;
  --color-primrose-600: #954f64;
  --color-primrose-700: #7b3b4f;
  --color-primrose-800: #632c3d;
  --color-primrose-900: #4f202f;
  --color-primrose-950: #34121d;
  --color-aqua-fiesta: #8de2d9;
  --color-aqua-fiesta-50: #ccfbf5;
  --color-aqua-fiesta-100: #bbf1eb;
  --color-aqua-fiesta-200: #8de2d9;
  --color-aqua-fiesta-300: #82cac3;
  --color-aqua-fiesta-400: #5bada5;
  --color-aqua-fiesta-500: #3c938b;
  --color-aqua-fiesta-600: #1e7972;
  --color-aqua-fiesta-700: #02625b;
  --color-aqua-fiesta-800: #004d48;
  --color-aqua-fiesta-900: #003c38;
  --color-aqua-fiesta-950: #002623;
}