Girl Crush to Bunny Tail color palette

DABDDCGirl Crush F7B4AFPeach Bud E2D3FFBubblegum Crisis EADE98Party Sponge Cake B2ECE6Water Leaf FFE2F9Bunny Tail

Open in generator Export PNG, PDF, ASE…

About this palette

Girl Crush to Bunny Tail is a 6-color pastel, light palette: #DABDDC (Girl Crush), #F7B4AF (Peach Bud), #E2D3FF (Bubblegum Crisis), #EADE98 (Party Sponge Cake), #B2ECE6 (Water Leaf), #FFE2F9 (Bunny Tail). It mixes pink, purple, yellow, turquoise, white tones and feels balanced overall. The strongest text pairing is #F7B4AF on #FFE2F9 with a contrast ratio of 1.45:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Girl Crush	rgb(218, 189, 220)	hsl(296, 31%, 80%)
Peach Bud	rgb(247, 180, 175)	hsl(4, 82%, 83%)
Bubblegum Crisis	rgb(226, 211, 255)	hsl(260, 100%, 91%)
Party Sponge Cake	rgb(234, 222, 152)	hsl(51, 66%, 76%)
Water Leaf	rgb(178, 236, 230)	hsl(174, 60%, 81%)
Bunny Tail	rgb(255, 226, 249)	hsl(312, 100%, 94%)

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

CSS variables

/* Girl Crush to Bunny Tail — https://swatchly.xyz/palette/dabddc-f7b4af-e2d3ff-eade98-b2ece6-ffe2f9 */
:root {
  --girl-crush: #dabddc;
  --peach-bud: #f7b4af;
  --bubblegum-crisis: #e2d3ff;
  --party-sponge-cake: #eade98;
  --water-leaf: #b2ece6;
  --bunny-tail: #ffe2f9;
}

Tailwind CSS v4

/* Girl Crush to Bunny Tail — https://swatchly.xyz/palette/dabddc-f7b4af-e2d3ff-eade98-b2ece6-ffe2f9 */
@theme {
  --color-girl-crush: #dabddc;
  --color-girl-crush-50: #fef5ff;
  --color-girl-crush-100: #fbeafc;
  --color-girl-crush-200: #ebd6ec;
  --color-girl-crush-300: #dabddc;
  --color-girl-crush-400: #b89db9;
  --color-girl-crush-500: #9b809d;
  --color-girl-crush-600: #7f6581;
  --color-girl-crush-700: #654e67;
  --color-girl-crush-800: #4f3b51;
  --color-girl-crush-900: #3d2c3e;
  --color-girl-crush-950: #261a27;
  --color-peach-bud: #f7b4af;
  --color-peach-bud-50: #fff6f5;
  --color-peach-bud-100: #ffeae8;
  --color-peach-bud-200: #ffd0cc;
  --color-peach-bud-300: #f7b4af;
  --color-peach-bud-400: #d29590;
  --color-peach-bud-500: #b57773;
  --color-peach-bud-600: #975c59;
  --color-peach-bud-700: #7b4643;
  --color-peach-bud-800: #623432;
  --color-peach-bud-900: #4d2624;
  --color-peach-bud-950: #321615;
  --color-bubblegum-crisis: #e2d3ff;
  --color-bubblegum-crisis-50: #f9f6ff;
  --color-bubblegum-crisis-100: #f1ebff;
  --color-bubblegum-crisis-200: #e2d3ff;
  --color-bubblegum-crisis-300: #c9bde1;
  --color-bubblegum-crisis-400: #aa9cc4;
  --color-bubblegum-crisis-500: #8e80a8;
  --color-bubblegum-crisis-600: #73658b;
  --color-bubblegum-crisis-700: #5b4f71;
  --color-bubblegum-crisis-800: #473c5a;
  --color-bubblegum-crisis-900: #372d47;
  --color-bubblegum-crisis-950: #221b2d;
  --color-party-sponge-cake: #eade98;
  --color-party-sponge-cake-50: #fffad8;
  --color-party-sponge-cake-100: #f7f1c8;
  --color-party-sponge-cake-200: #eade98;
  --color-party-sponge-cake-300: #d0c68d;
  --color-party-sponge-cake-400: #b1a665;
  --color-party-sponge-cake-500: #958946;
  --color-party-sponge-cake-600: #7a6e2a;
  --color-party-sponge-cake-700: #615615;
  --color-party-sponge-cake-800: #4c4305;
  --color-party-sponge-cake-900: #3b3300;
  --color-party-sponge-cake-950: #251f00;
  --color-water-leaf: #b2ece6;
  --color-water-leaf-50: #ebfffd;
  --color-water-leaf-100: #d9f9f5;
  --color-water-leaf-200: #b2ece6;
  --color-water-leaf-300: #a3d2cd;
  --color-water-leaf-400: #7db2ad;
  --color-water-leaf-500: #5e9590;
  --color-water-leaf-600: #437974;
  --color-water-leaf-700: #2e605c;
  --color-water-leaf-800: #1e4b47;
  --color-water-leaf-900: #133a37;
  --color-water-leaf-950: #082422;
  --color-bunny-tail: #ffe2f9;
  --color-bunny-tail-50: #fff1fc;
  --color-bunny-tail-100: #ffe2f9;
  --color-bunny-tail-200: #e6d1e2;
  --color-bunny-tail-300: #d1b9cc;
  --color-bunny-tail-400: #b399ad;
  --color-bunny-tail-500: #977d92;
  --color-bunny-tail-600: #7c6377;
  --color-bunny-tail-700: #634d5f;
  --color-bunny-tail-800: #4e3b4b;
  --color-bunny-tail-900: #3d2d3a;
  --color-bunny-tail-950: #271b24;
}