Start generating

Freshly Purpleized to Cold Lips color palette

575082Freshly PurpleizedE0E2FFVeiling Waterfalls786FBEVenus Violet2B2B43Midnight MasqueradeA8A3E8Cold Lips
Open in generator Export PNG, PDF, ASE…

About this palette

Freshly Purpleized to Cold Lips is a 5-color cool, monochromatic palette: #575082 (Freshly Purpleized), #E0E2FF (Veiling Waterfalls), #786FBE (Venus Violet), #2B2B43 (Midnight Masquerade), #A8A3E8 (Cold Lips). It mixes purple tones and feels cool overall. The strongest text pairing is #E0E2FF on #2B2B43 with a contrast ratio of 10.78:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Freshly Purpleizedrgb(87, 80, 130)hsl(248, 24%, 41%)
Veiling Waterfallsrgb(224, 226, 255)hsl(236, 100%, 94%)
Venus Violetrgb(120, 111, 190)hsl(247, 38%, 59%)
Midnight Masqueradergb(43, 43, 67)hsl(240, 22%, 22%)
Cold Lipsrgb(168, 163, 232)hsl(244, 60%, 77%)

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.78:1 Very good#E0E2FF on #2B2B43
  • Aa10.78:1 Very good#2B2B43 on #E0E2FF
  • Aa5.93:1 Good#2B2B43 on #A8A3E8
  • Aa5.93:1 Good#A8A3E8 on #2B2B43
  • Aa5.74:1 Good#575082 on #E0E2FF
  • Aa5.74:1 Good#E0E2FF on #575082
  • Aa3.42:1 Poor#E0E2FF on #786FBE
  • Aa3.42:1 Poor#786FBE on #E0E2FF

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Freshly Purpleized to Cold Lips — https://swatchly.xyz/palette/575082-e0e2ff-786fbe-2b2b43-a8a3e8 */
:root {
  --freshly-purpleized: #575082;
  --veiling-waterfalls: #e0e2ff;
  --venus-violet: #786fbe;
  --midnight-masquerade: #2b2b43;
  --cold-lips: #a8a3e8;
}

Tailwind CSS v4

/* Freshly Purpleized to Cold Lips — https://swatchly.xyz/palette/575082-e0e2ff-786fbe-2b2b43-a8a3e8 */
@theme {
  --color-freshly-purpleized: #575082;
  --color-freshly-purpleized-50: #f4f4ff;
  --color-freshly-purpleized-100: #eae8ff;
  --color-freshly-purpleized-200: #d6d2fe;
  --color-freshly-purpleized-300: #c0bbec;
  --color-freshly-purpleized-400: #a19cd1;
  --color-freshly-purpleized-500: #8780b6;
  --color-freshly-purpleized-600: #6d669a;
  --color-freshly-purpleized-700: #575082;
  --color-freshly-purpleized-800: #443e67;
  --color-freshly-purpleized-900: #342f51;
  --color-freshly-purpleized-950: #201c35;
  --color-veiling-waterfalls: #e0e2ff;
  --color-veiling-waterfalls-50: #edeeff;
  --color-veiling-waterfalls-100: #e0e2ff;
  --color-veiling-waterfalls-200: #cfd0e6;
  --color-veiling-waterfalls-300: #b9bad3;
  --color-veiling-waterfalls-400: #9a9cb6;
  --color-veiling-waterfalls-500: #80829c;
  --color-veiling-waterfalls-600: #676881;
  --color-veiling-waterfalls-700: #525369;
  --color-veiling-waterfalls-800: #3f4054;
  --color-veiling-waterfalls-900: #303142;
  --color-veiling-waterfalls-950: #1d1e2a;
  --color-venus-violet: #786fbe;
  --color-venus-violet-50: #f2f2ff;
  --color-venus-violet-100: #e5e4ff;
  --color-venus-violet-200: #cecbff;
  --color-venus-violet-300: #b5affa;
  --color-venus-violet-400: #948cdc;
  --color-venus-violet-500: #786fbe;
  --color-venus-violet-600: #6057a1;
  --color-venus-violet-700: #4c4386;
  --color-venus-violet-800: #3c336d;
  --color-venus-violet-900: #2e2758;
  --color-venus-violet-950: #1d173b;
  --color-midnight-masquerade: #2b2b43;
  --color-midnight-masquerade-50: #f3f4ff;
  --color-midnight-masquerade-100: #e8e9fd;
  --color-midnight-masquerade-200: #d4d5ed;
  --color-midnight-masquerade-300: #bdbed9;
  --color-midnight-masquerade-400: #9d9eba;
  --color-midnight-masquerade-500: #80819e;
  --color-midnight-masquerade-600: #656681;
  --color-midnight-masquerade-700: #4e4f67;
  --color-midnight-masquerade-800: #3b3c50;
  --color-midnight-masquerade-900: #2b2b43;
  --color-midnight-masquerade-950: #1a1a26;
  --color-cold-lips: #a8a3e8;
  --color-cold-lips-50: #f8f8ff;
  --color-cold-lips-100: #f0efff;
  --color-cold-lips-200: #dcdbff;
  --color-cold-lips-300: #c6c3fd;
  --color-cold-lips-400: #a8a3e8;
  --color-cold-lips-500: #8b86c8;
  --color-cold-lips-600: #6f69a9;
  --color-cold-lips-700: #57518b;
  --color-cold-lips-800: #433d70;
  --color-cold-lips-900: #322d58;
  --color-cold-lips-950: #1e1a38;
}

Similar palettes