Digital Lavender to Bunny Tail Color Palette

About this palette

Digital Lavender to Bunny Tail is a 4-color pastel, light palette: #CBC3E9 (Digital Lavender), #FBC8C4 (Millennial Pink), #E5E8C4 (Frost), #F8E6FF (Bunny Tail). It mixes purple, pink, yellow, white tones and feels balanced overall. The strongest text pairing is #CBC3E9 on #F8E6FF with a contrast ratio of 1.42:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Digital Lavender	rgb(203, 195, 233)	hsl(253, 46%, 84%)
Millennial Pink	rgb(251, 200, 196)	hsl(4, 87%, 88%)
Frost	rgb(229, 232, 196)	hsl(65, 44%, 84%)
Bunny Tail	rgb(248, 230, 255)	hsl(283, 100%, 95%)

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

/* Digital Lavender to Bunny Tail — https://swatchly.xyz/palette/cbc3e9-fbc8c4-e5e8c4-f8e6ff */
:root {
  --digital-lavender: #cbc3e9;
  --millennial-pink: #fbc8c4;
  --frost: #e5e8c4;
  --bunny-tail: #f8e6ff;
}

Tailwind CSS v4

/* Digital Lavender to Bunny Tail — https://swatchly.xyz/palette/cbc3e9-fbc8c4-e5e8c4-f8e6ff */
@theme {
  --color-digital-lavender: #cbc3e9;
  --color-digital-lavender-50: #faf8ff;
  --color-digital-lavender-100: #f1eeff;
  --color-digital-lavender-200: #e0daf5;
  --color-digital-lavender-300: #cbc3e9;
  --color-digital-lavender-400: #aaa2c5;
  --color-digital-lavender-500: #8d85a9;
  --color-digital-lavender-600: #716a8b;
  --color-digital-lavender-700: #595271;
  --color-digital-lavender-800: #453f59;
  --color-digital-lavender-900: #342f45;
  --color-digital-lavender-950: #201c2c;
  --color-millennial-pink: #fbc8c4;
  --color-millennial-pink-50: #fff0ef;
  --color-millennial-pink-100: #ffe3e0;
  --color-millennial-pink-200: #fbc8c4;
  --color-millennial-pink-300: #dfb4b1;
  --color-millennial-pink-400: #c29490;
  --color-millennial-pink-500: #a67875;
  --color-millennial-pink-600: #8a5e5b;
  --color-millennial-pink-700: #704947;
  --color-millennial-pink-800: #5a3836;
  --color-millennial-pink-900: #472a28;
  --color-millennial-pink-950: #2d1918;
  --color-frost: #e5e8c4;
  --color-frost-50: #f0f2dc;
  --color-frost-100: #e5e8c4;
  --color-frost-200: #d2d5b9;
  --color-frost-300: #bdc0a1;
  --color-frost-400: #9fa181;
  --color-frost-500: #858766;
  --color-frost-600: #6c6e4e;
  --color-frost-700: #56583b;
  --color-frost-800: #43452b;
  --color-frost-900: #33351f;
  --color-frost-950: #202111;
  --color-bunny-tail: #f8e6ff;
  --color-bunny-tail-50: #fcf4ff;
  --color-bunny-tail-100: #f8e6ff;
  --color-bunny-tail-200: #e1d4e6;
  --color-bunny-tail-300: #cbbcd1;
  --color-bunny-tail-400: #ac9cb2;
  --color-bunny-tail-500: #908097;
  --color-bunny-tail-600: #75667b;
  --color-bunny-tail-700: #5d4f63;
  --color-bunny-tail-800: #493d4e;
  --color-bunny-tail-900: #392e3d;
  --color-bunny-tail-950: #231c26;
}