Start generating

Blackberry Yoghurt to Kiwi Kiss color palette

E5B7DEBlackberry YoghurtB9C3FFPurple IllusionC0E8D3Delta MintE7D0F1Bubblegum CrisisE9EDFFFoundation WhiteF2FDC1Kiwi Kiss
Open in generator Export PNG, PDF, ASE…

About this palette

Blackberry Yoghurt to Kiwi Kiss is a 6-color pastel, light, cool palette: #E5B7DE (Blackberry Yoghurt), #B9C3FF (Purple Illusion), #C0E8D3 (Delta Mint), #E7D0F1 (Bubblegum Crisis), #E9EDFF (Foundation White), #F2FDC1 (Kiwi Kiss). It mixes pink, purple, green, white tones and feels cool overall. The strongest text pairing is #E5B7DE on #F2FDC1 with a contrast ratio of 1.61:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Blackberry Yoghurtrgb(229, 183, 222)hsl(309, 47%, 81%)
Purple Illusionrgb(185, 195, 255)hsl(231, 100%, 86%)
Delta Mintrgb(192, 232, 211)hsl(148, 47%, 83%)
Bubblegum Crisisrgb(231, 208, 241)hsl(282, 54%, 88%)
Foundation Whitergb(233, 237, 255)hsl(229, 100%, 96%)
Kiwi Kissrgb(242, 253, 193)hsl(71, 94%, 87%)

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

    /* Blackberry Yoghurt to Kiwi Kiss — https://swatchly.xyz/palette/e5b7de-b9c3ff-c0e8d3-e7d0f1-e9edff-f2fdc1 */
:root {
  --blackberry-yoghurt: #e5b7de;
  --purple-illusion: #b9c3ff;
  --delta-mint: #c0e8d3;
  --bubblegum-crisis: #e7d0f1;
  --foundation-white: #e9edff;
  --kiwi-kiss: #f2fdc1;
}

    Tailwind CSS v4

    /* Blackberry Yoghurt to Kiwi Kiss — https://swatchly.xyz/palette/e5b7de-b9c3ff-c0e8d3-e7d0f1-e9edff-f2fdc1 */
@theme {
  --color-blackberry-yoghurt: #e5b7de;
  --color-blackberry-yoghurt-50: #fff5fd;
  --color-blackberry-yoghurt-100: #ffe8fb;
  --color-blackberry-yoghurt-200: #f3d2ed;
  --color-blackberry-yoghurt-300: #e5b7de;
  --color-blackberry-yoghurt-400: #c298bb;
  --color-blackberry-yoghurt-500: #a57a9f;
  --color-blackberry-yoghurt-600: #885f82;
  --color-blackberry-yoghurt-700: #6e4969;
  --color-blackberry-yoghurt-800: #573752;
  --color-blackberry-yoghurt-900: #43283f;
  --color-blackberry-yoghurt-950: #2b1728;
  --color-purple-illusion: #b9c3ff;
  --color-purple-illusion-50: #f7f8ff;
  --color-purple-illusion-100: #ecefff;
  --color-purple-illusion-200: #d4dbff;
  --color-purple-illusion-300: #b9c3ff;
  --color-purple-illusion-400: #9aa3da;
  --color-purple-illusion-500: #7d86bd;
  --color-purple-illusion-600: #626a9f;
  --color-purple-illusion-700: #4c5383;
  --color-purple-illusion-800: #3a3f69;
  --color-purple-illusion-900: #2b2f52;
  --color-purple-illusion-950: #1a1d36;
  --color-delta-mint: #c0e8d3;
  --color-delta-mint-50: #eafff4;
  --color-delta-mint-100: #dff6ea;
  --color-delta-mint-200: #c0e8d3;
  --color-delta-mint-300: #aecebd;
  --color-delta-mint-400: #8aaf9c;
  --color-delta-mint-500: #6d9380;
  --color-delta-mint-600: #537765;
  --color-delta-mint-700: #3e5e4e;
  --color-delta-mint-800: #2d4a3c;
  --color-delta-mint-900: #20392d;
  --color-delta-mint-950: #12241b;
  --color-bubblegum-crisis: #e7d0f1;
  --color-bubblegum-crisis-50: #fbf3ff;
  --color-bubblegum-crisis-100: #f5e7fb;
  --color-bubblegum-crisis-200: #e7d0f1;
  --color-bubblegum-crisis-300: #cebbd6;
  --color-bubblegum-crisis-400: #af9ab8;
  --color-bubblegum-crisis-500: #937e9c;
  --color-bubblegum-crisis-600: #786480;
  --color-bubblegum-crisis-700: #604e68;
  --color-bubblegum-crisis-800: #4b3b52;
  --color-bubblegum-crisis-900: #3a2d40;
  --color-bubblegum-crisis-950: #251b29;
  --color-foundation-white: #e9edff;
  --color-foundation-white-50: #f5f7ff;
  --color-foundation-white-100: #e9edff;
  --color-foundation-white-200: #d6d9e6;
  --color-foundation-white-300: #bfc2d1;
  --color-foundation-white-400: #9ea2b2;
  --color-foundation-white-500: #838696;
  --color-foundation-white-600: #686b7b;
  --color-foundation-white-700: #525462;
  --color-foundation-white-800: #3f424e;
  --color-foundation-white-900: #30323c;
  --color-foundation-white-950: #1d1f26;
  --color-kiwi-kiss: #f2fdc1;
  --color-kiwi-kiss-50: #f2fdc1;
  --color-kiwi-kiss-100: #e9f0cc;
  --color-kiwi-kiss-200: #d5ddb2;
  --color-kiwi-kiss-300: #bec796;
  --color-kiwi-kiss-400: #9fa872;
  --color-kiwi-kiss-500: #838c55;
  --color-kiwi-kiss-600: #69713c;
  --color-kiwi-kiss-700: #535a29;
  --color-kiwi-kiss-800: #40471b;
  --color-kiwi-kiss-900: #313611;
  --color-kiwi-kiss-950: #1e2207;
}

    Similar palettes