Candied Snow to Ballerina Color Palette

About this palette

Candied Snow to Ballerina is a 4-color pastel, light, cool palette: #DAFFE5 (Candied Snow), #C1D0F2 (Frost Fairy), #AFEBDF (Water Leaf), #F3CDDC (Ballerina). It mixes white, blue, turquoise, pink tones and feels cool overall. The strongest text pairing is #DAFFE5 on #C1D0F2 with a contrast ratio of 1.43:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Candied Snow	rgb(218, 255, 229)	hsl(138, 100%, 93%)
Frost Fairy	rgb(193, 208, 242)	hsl(222, 65%, 85%)
Water Leaf	rgb(175, 235, 223)	hsl(168, 60%, 80%)
Ballerina	rgb(243, 205, 220)	hsl(336, 61%, 88%)

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

/* Candied Snow to Ballerina — https://swatchly.xyz/palette/daffe5-c1d0f2-afebdf-f3cddc */
:root {
  --candied-snow: #daffe5;
  --frost-fairy: #c1d0f2;
  --water-leaf: #afebdf;
  --ballerina: #f3cddc;
}

Tailwind CSS v4

/* Candied Snow to Ballerina — https://swatchly.xyz/palette/daffe5-c1d0f2-afebdf-f3cddc */
@theme {
  --color-candied-snow: #daffe5;
  --color-candied-snow-50: #daffe5;
  --color-candied-snow-100: #daf1e1;
  --color-candied-snow-200: #c4dfcc;
  --color-candied-snow-300: #abc9b4;
  --color-candied-snow-400: #89ab94;
  --color-candied-snow-500: #6e9078;
  --color-candied-snow-600: #54755f;
  --color-candied-snow-700: #405d4a;
  --color-candied-snow-800: #2f4938;
  --color-candied-snow-900: #23392a;
  --color-candied-snow-950: #142319;
  --color-frost-fairy: #c1d0f2;
  --color-frost-fairy-50: #e9f0ff;
  --color-frost-fairy-100: #dbe5fc;
  --color-frost-fairy-200: #c1d0f2;
  --color-frost-fairy-300: #aebbd8;
  --color-frost-fairy-400: #8f9dbc;
  --color-frost-fairy-500: #7582a2;
  --color-frost-fairy-600: #5d6987;
  --color-frost-fairy-700: #48546e;
  --color-frost-fairy-800: #384259;
  --color-frost-fairy-900: #2a3246;
  --color-frost-fairy-950: #191f2d;
  --color-water-leaf: #afebdf;
  --color-water-leaf-50: #e6fffa;
  --color-water-leaf-100: #d6f8f1;
  --color-water-leaf-200: #afebdf;
  --color-water-leaf-300: #a0d1c7;
  --color-water-leaf-400: #7ab2a7;
  --color-water-leaf-500: #5c958b;
  --color-water-leaf-600: #41796f;
  --color-water-leaf-700: #2c6158;
  --color-water-leaf-800: #1c4c44;
  --color-water-leaf-900: #123b34;
  --color-water-leaf-950: #072520;
  --color-ballerina: #f3cddc;
  --color-ballerina-50: #fff2f7;
  --color-ballerina-100: #fde5ee;
  --color-ballerina-200: #f3cddc;
  --color-ballerina-300: #d8b8c5;
  --color-ballerina-400: #ba97a5;
  --color-ballerina-500: #9e7c8a;
  --color-ballerina-600: #82616f;
  --color-ballerina-700: #694c58;
  --color-ballerina-800: #533a44;
  --color-ballerina-900: #412c35;
  --color-ballerina-950: #291a20;
}