Winter Scene to Lily Color Palette

About this palette

Winter Scene to Lily is a 6-color muted palette: #BFC9DD (Winter Scene), #847696 (Vintage), #2D323F (Total Eclipse), #F9DFF4 (Bunny Tail), #625674 (Plummy), #BF9AB3 (Lily). It mixes gray, purple, pink tones and feels balanced overall. The strongest text pairing is #2D323F on #F9DFF4 with a contrast ratio of 10.30:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Winter Scene	rgb(191, 201, 221)	hsl(220, 31%, 81%)
Vintage	rgb(132, 118, 150)	hsl(266, 13%, 53%)
Total Eclipse	rgb(45, 50, 63)	hsl(223, 17%, 21%)
Bunny Tail	rgb(249, 223, 244)	hsl(312, 68%, 93%)
Plummy	rgb(98, 86, 116)	hsl(264, 15%, 40%)
Lily	rgb(191, 154, 179)	hsl(319, 22%, 68%)

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.30:1 Very good#2D323F on #F9DFF4
Aa10.30:1 Very good#F9DFF4 on #2D323F
Aa7.69:1 Very good#BFC9DD on #2D323F
Aa7.69:1 Very good#2D323F on #BFC9DD
Aa5.44:1 Good#F9DFF4 on #625674
Aa5.44:1 Good#625674 on #F9DFF4
Aa5.18:1 Good#2D323F on #BF9AB3
Aa5.18:1 Good#BF9AB3 on #2D323F

Color blindness preview

CSS variables

/* Winter Scene to Lily — https://swatchly.xyz/palette/bfc9dd-847696-2d323f-f9dff4-625674-bf9ab3 */
:root {
  --winter-scene: #bfc9dd;
  --vintage: #847696;
  --total-eclipse: #2d323f;
  --bunny-tail: #f9dff4;
  --plummy: #625674;
  --lily: #bf9ab3;
}

Tailwind CSS v4

/* Winter Scene to Lily — https://swatchly.xyz/palette/bfc9dd-847696-2d323f-f9dff4-625674-bf9ab3 */
@theme {
  --color-winter-scene: #bfc9dd;
  --color-winter-scene-50: #f6f9ff;
  --color-winter-scene-100: #ebf1fd;
  --color-winter-scene-200: #d7deed;
  --color-winter-scene-300: #bfc9dd;
  --color-winter-scene-400: #9fa8ba;
  --color-winter-scene-500: #828b9e;
  --color-winter-scene-600: #676f81;
  --color-winter-scene-700: #505868;
  --color-winter-scene-800: #3d4451;
  --color-winter-scene-900: #2d333e;
  --color-winter-scene-950: #1b1f28;
  --color-vintage: #847696;
  --color-vintage-50: #f6f0ff;
  --color-vintage-100: #ede3fa;
  --color-vintage-200: #d8cde8;
  --color-vintage-300: #c1b4d2;
  --color-vintage-400: #a193b3;
  --color-vintage-500: #847696;
  --color-vintage-600: #6b5e7c;
  --color-vintage-700: #554a64;
  --color-vintage-800: #433950;
  --color-vintage-900: #342c3f;
  --color-vintage-950: #211b29;
  --color-total-eclipse: #2d323f;
  --color-total-eclipse-50: #f1f5fe;
  --color-total-eclipse-100: #e7ebf6;
  --color-total-eclipse-200: #d2d7e4;
  --color-total-eclipse-300: #bbc1cf;
  --color-total-eclipse-400: #9ba1b1;
  --color-total-eclipse-500: #808695;
  --color-total-eclipse-600: #666b7a;
  --color-total-eclipse-700: #505562;
  --color-total-eclipse-800: #3d424d;
  --color-total-eclipse-900: #2d323f;
  --color-total-eclipse-950: #1c1f26;
  --color-bunny-tail: #f9dff4;
  --color-bunny-tail-50: #fcedf9;
  --color-bunny-tail-100: #f9dff4;
  --color-bunny-tail-200: #e2cede;
  --color-bunny-tail-300: #cdb7c9;
  --color-bunny-tail-400: #af98ab;
  --color-bunny-tail-500: #947d90;
  --color-bunny-tail-600: #796375;
  --color-bunny-tail-700: #624e5e;
  --color-bunny-tail-800: #4d3c4a;
  --color-bunny-tail-900: #3c2d39;
  --color-bunny-tail-950: #261b24;
  --color-plummy: #625674;
  --color-plummy-50: #f7f3ff;
  --color-plummy-100: #efe7fd;
  --color-plummy-200: #ddd4ed;
  --color-plummy-300: #c9bedb;
  --color-plummy-400: #ab9fbf;
  --color-plummy-500: #9185a5;
  --color-plummy-600: #786b8a;
  --color-plummy-700: #625674;
  --color-plummy-800: #4d435c;
  --color-plummy-900: #3b3348;
  --color-plummy-950: #251f2e;
  --color-lily: #bf9ab3;
  --color-lily-50: #fff3fb;
  --color-lily-100: #fee6f6;
  --color-lily-200: #eed2e4;
  --color-lily-300: #dbbbd0;
  --color-lily-400: #bf9ab3;
  --color-lily-500: #a17e96;
  --color-lily-600: #85637a;
  --color-lily-700: #6b4d62;
  --color-lily-800: #553a4d;
  --color-lily-900: #422b3b;
  --color-lily-950: #291924;
}