Haunted Candelabra to Victorian Garden color palette

57496BHaunted Candelabra B2E5C2Glaucous Green EA9AADPink Prestige 735FA3Scampi 519253Victorian Garden

Open in generator Export PNG, PDF, ASE…

About this palette

Haunted Candelabra to Victorian Garden is a 5-color cool palette: #57496B (Haunted Candelabra), #B2E5C2 (Glaucous Green), #EA9AAD (Pink Prestige), #735FA3 (Scampi), #519253 (Victorian Garden). It mixes purple, green, pink tones and feels cool overall. The strongest text pairing is #57496B on #B2E5C2 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
Haunted Candelabra	rgb(87, 73, 107)	hsl(265, 19%, 35%)
Glaucous Green	rgb(178, 229, 194)	hsl(139, 50%, 80%)
Pink Prestige	rgb(234, 154, 173)	hsl(346, 66%, 76%)
Scampi	rgb(115, 95, 163)	hsl(258, 27%, 51%)
Victorian Garden	rgb(81, 146, 83)	hsl(122, 29%, 45%)

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#57496B on #B2E5C2
Aa5.79:1 Good#B2E5C2 on #57496B
Aa3.82:1 Poor#B2E5C2 on #735FA3
Aa3.82:1 Poor#735FA3 on #B2E5C2
Aa3.78:1 Poor#57496B on #EA9AAD
Aa3.78:1 Poor#EA9AAD on #57496B

Color blindness preview

CSS variables

/* Haunted Candelabra to Victorian Garden — https://swatchly.xyz/palette/57496b-b2e5c2-ea9aad-735fa3-519253 */
:root {
  --haunted-candelabra: #57496b;
  --glaucous-green: #b2e5c2;
  --pink-prestige: #ea9aad;
  --scampi: #735fa3;
  --victorian-garden: #519253;
}

Tailwind CSS v4

/* Haunted Candelabra to Victorian Garden — https://swatchly.xyz/palette/57496b-b2e5c2-ea9aad-735fa3-519253 */
@theme {
  --color-haunted-candelabra: #57496b;
  --color-haunted-candelabra-50: #f7f3ff;
  --color-haunted-candelabra-100: #f0e6ff;
  --color-haunted-candelabra-200: #dcd0ef;
  --color-haunted-candelabra-300: #c5b8da;
  --color-haunted-candelabra-400: #a697bc;
  --color-haunted-candelabra-500: #8a7ba0;
  --color-haunted-candelabra-600: #6e6083;
  --color-haunted-candelabra-700: #57496b;
  --color-haunted-candelabra-800: #443953;
  --color-haunted-candelabra-900: #342b41;
  --color-haunted-candelabra-950: #201a2a;
  --color-glaucous-green: #b2e5c2;
  --color-glaucous-green-50: #e1fde9;
  --color-glaucous-green-100: #d4f4dd;
  --color-glaucous-green-200: #b2e5c2;
  --color-glaucous-green-300: #a2ccaf;
  --color-glaucous-green-400: #7fae8e;
  --color-glaucous-green-500: #639373;
  --color-glaucous-green-600: #497859;
  --color-glaucous-green-700: #356045;
  --color-glaucous-green-800: #264c34;
  --color-glaucous-green-900: #1a3b27;
  --color-glaucous-green-950: #0e2516;
  --color-pink-prestige: #ea9aad;
  --color-pink-prestige-50: #ffe8ec;
  --color-pink-prestige-100: #ffd6df;
  --color-pink-prestige-200: #fab8c7;
  --color-pink-prestige-300: #ea9aad;
  --color-pink-prestige-400: #ca7e90;
  --color-pink-prestige-500: #af6477;
  --color-pink-prestige-600: #934d60;
  --color-pink-prestige-700: #7a3b4c;
  --color-pink-prestige-800: #632c3b;
  --color-pink-prestige-900: #50212e;
  --color-pink-prestige-950: #34121c;
  --color-scampi: #735fa3;
  --color-scampi-50: #f6f3ff;
  --color-scampi-100: #ede8ff;
  --color-scampi-200: #dbd0ff;
  --color-scampi-300: #c6b6f6;
  --color-scampi-400: #a895db;
  --color-scampi-500: #8d79c0;
  --color-scampi-600: #735fa3;
  --color-scampi-700: #5c4986;
  --color-scampi-800: #48386d;
  --color-scampi-900: #382956;
  --color-scampi-950: #231839;
  --color-victorian-garden: #519253;
  --color-victorian-garden-50: #ddffdc;
  --color-victorian-garden-100: #ccf7cb;
  --color-victorian-garden-200: #b1e4b1;
  --color-victorian-garden-300: #94ce94;
  --color-victorian-garden-400: #6faf70;
  --color-victorian-garden-500: #519253;
  --color-victorian-garden-600: #39773c;
  --color-victorian-garden-700: #26602a;
  --color-victorian-garden-800: #184c1c;
  --color-victorian-garden-900: #0f3c13;
  --color-victorian-garden-950: #062608;
}