Start generating

Holographic Lavender to Young Apricot color palette

E4E5FFHolographic LavenderD8B2CCPurple PoodleFFC6E0SugarwinkleD4FBD1Herbal VapoursFFD3AEYoung Apricot
Open in generator Export PNG, PDF, ASE…

About this palette

Holographic Lavender to Young Apricot is a 5-color pastel, light, warm palette: #E4E5FF (Holographic Lavender), #D8B2CC (Purple Poodle), #FFC6E0 (Sugarwinkle), #D4FBD1 (Herbal Vapours), #FFD3AE (Young Apricot). It mixes purple, pink, green, orange tones and feels warm overall. The strongest text pairing is #D8B2CC on #D4FBD1 with a contrast ratio of 1.66:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Holographic Lavenderrgb(228, 229, 255)hsl(238, 100%, 95%)
Purple Poodlergb(216, 178, 204)hsl(319, 33%, 77%)
Sugarwinklergb(255, 198, 224)hsl(333, 100%, 89%)
Herbal Vapoursrgb(212, 251, 209)hsl(116, 84%, 90%)
Young Apricotrgb(255, 211, 174)hsl(27, 100%, 84%)

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.

    Color blindness preview

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Holographic Lavender to Young Apricot — https://swatchly.xyz/palette/e4e5ff-d8b2cc-ffc6e0-d4fbd1-ffd3ae */
:root {
  --holographic-lavender: #e4e5ff;
  --purple-poodle: #d8b2cc;
  --sugarwinkle: #ffc6e0;
  --herbal-vapours: #d4fbd1;
  --young-apricot: #ffd3ae;
}

    Tailwind CSS v4

    /* Holographic Lavender to Young Apricot — https://swatchly.xyz/palette/e4e5ff-d8b2cc-ffc6e0-d4fbd1-ffd3ae */
@theme {
  --color-holographic-lavender: #e4e5ff;
  --color-holographic-lavender-50: #f0f1ff;
  --color-holographic-lavender-100: #e4e5ff;
  --color-holographic-lavender-200: #d2d3e6;
  --color-holographic-lavender-300: #bcbcd2;
  --color-holographic-lavender-400: #9d9db5;
  --color-holographic-lavender-500: #82839a;
  --color-holographic-lavender-600: #68697f;
  --color-holographic-lavender-700: #535367;
  --color-holographic-lavender-800: #404052;
  --color-holographic-lavender-900: #313140;
  --color-holographic-lavender-950: #1e1e29;
  --color-purple-poodle: #d8b2cc;
  --color-purple-poodle-50: #ffeffa;
  --color-purple-poodle-100: #fbe2f2;
  --color-purple-poodle-200: #e9cce0;
  --color-purple-poodle-300: #d8b2cc;
  --color-purple-poodle-400: #b794ac;
  --color-purple-poodle-500: #9c7991;
  --color-purple-poodle-600: #805f76;
  --color-purple-poodle-700: #684a5f;
  --color-purple-poodle-800: #53384b;
  --color-purple-poodle-900: #412b3a;
  --color-purple-poodle-950: #291925;
  --color-sugarwinkle: #ffc6e0;
  --color-sugarwinkle-50: #fff2f8;
  --color-sugarwinkle-100: #ffe4f0;
  --color-sugarwinkle-200: #ffc6e0;
  --color-sugarwinkle-300: #e2b2c8;
  --color-sugarwinkle-400: #c491a9;
  --color-sugarwinkle-500: #a9758d;
  --color-sugarwinkle-600: #8c5b72;
  --color-sugarwinkle-700: #72465b;
  --color-sugarwinkle-800: #5b3447;
  --color-sugarwinkle-900: #472737;
  --color-sugarwinkle-950: #2e1722;
  --color-herbal-vapours: #d4fbd1;
  --color-herbal-vapours-50: #eaffe8;
  --color-herbal-vapours-100: #d4fbd1;
  --color-herbal-vapours-200: #c7e3c5;
  --color-herbal-vapours-300: #adcdab;
  --color-herbal-vapours-400: #8bae89;
  --color-herbal-vapours-500: #6f926c;
  --color-herbal-vapours-600: #557752;
  --color-herbal-vapours-700: #405f3e;
  --color-herbal-vapours-800: #2f4a2e;
  --color-herbal-vapours-900: #233a21;
  --color-herbal-vapours-950: #142413;
  --color-young-apricot: #ffd3ae;
  --color-young-apricot-50: #fff7f0;
  --color-young-apricot-100: #ffecdc;
  --color-young-apricot-200: #ffd3ae;
  --color-young-apricot-300: #e1bd9f;
  --color-young-apricot-400: #c39c7a;
  --color-young-apricot-500: #a77f5d;
  --color-young-apricot-600: #8a6443;
  --color-young-apricot-700: #704e2f;
  --color-young-apricot-800: #593b20;
  --color-young-apricot-900: #462c15;
  --color-young-apricot-950: #2d1b0a;
}

    Similar palettes