Roses in the Snow to Cloud Break color palette

E5B0D0Roses in the Snow C0D8FFBroad Daylight FACFD7Love Fumes C1F4FFPale Sky F7F4FFCloud Break

About this palette

Roses in the Snow to Cloud Break is a 5-color pastel, light palette: #E5B0D0 (Roses in the Snow), #C0D8FF (Broad Daylight), #FACFD7 (Love Fumes), #C1F4FF (Pale Sky), #F7F4FF (Cloud Break). It mixes pink, blue, turquoise, white tones and feels balanced overall. The strongest text pairing is #E5B0D0 on #F7F4FF with a contrast ratio of 1.69:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Roses in the Snow	rgb(229, 176, 208)	hsl(324, 50%, 79%)
Broad Daylight	rgb(192, 216, 255)	hsl(217, 100%, 88%)
Love Fumes	rgb(250, 207, 215)	hsl(349, 81%, 90%)
Pale Sky	rgb(193, 244, 255)	hsl(191, 100%, 88%)
Cloud Break	rgb(247, 244, 255)	hsl(256, 100%, 98%)

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

/* Roses in the Snow to Cloud Break — https://swatchly.xyz/palette/e5b0d0-c0d8ff-facfd7-c1f4ff-f7f4ff */
:root {
  --roses-in-the-snow: #e5b0d0;
  --broad-daylight: #c0d8ff;
  --love-fumes: #facfd7;
  --pale-sky: #c1f4ff;
  --cloud-break: #f7f4ff;
}

Tailwind CSS v4

/* Roses in the Snow to Cloud Break — https://swatchly.xyz/palette/e5b0d0-c0d8ff-facfd7-c1f4ff-f7f4ff */
@theme {
  --color-roses-in-the-snow: #e5b0d0;
  --color-roses-in-the-snow-50: #fff2f9;
  --color-roses-in-the-snow-100: #ffe3f3;
  --color-roses-in-the-snow-200: #f3cbe3;
  --color-roses-in-the-snow-300: #e5b0d0;
  --color-roses-in-the-snow-400: #c392af;
  --color-roses-in-the-snow-500: #a77594;
  --color-roses-in-the-snow-600: #8a5b78;
  --color-roses-in-the-snow-700: #704660;
  --color-roses-in-the-snow-800: #59354c;
  --color-roses-in-the-snow-900: #46273b;
  --color-roses-in-the-snow-950: #2d1725;
  --color-broad-daylight: #c0d8ff;
  --color-broad-daylight-50: #eff5ff;
  --color-broad-daylight-100: #dfebff;
  --color-broad-daylight-200: #c0d8ff;
  --color-broad-daylight-300: #adc1e2;
  --color-broad-daylight-400: #8ca2c6;
  --color-broad-daylight-500: #7187aa;
  --color-broad-daylight-600: #586c8e;
  --color-broad-daylight-700: #435674;
  --color-broad-daylight-800: #33435d;
  --color-broad-daylight-900: #25334a;
  --color-broad-daylight-950: #161f30;
  --color-love-fumes: #facfd7;
  --color-love-fumes-50: #fff5f7;
  --color-love-fumes-100: #ffe8ec;
  --color-love-fumes-200: #facfd7;
  --color-love-fumes-300: #ddbac0;
  --color-love-fumes-400: #bf99a0;
  --color-love-fumes-500: #a37c84;
  --color-love-fumes-600: #866269;
  --color-love-fumes-700: #6c4b52;
  --color-love-fumes-800: #56393f;
  --color-love-fumes-900: #432b30;
  --color-love-fumes-950: #2b1a1d;
  --color-pale-sky: #c1f4ff;
  --color-pale-sky-50: #e0f9ff;
  --color-pale-sky-100: #c1f4ff;
  --color-pale-sky-200: #b9dee6;
  --color-pale-sky-300: #9ec8d2;
  --color-pale-sky-400: #7baab4;
  --color-pale-sky-500: #5f8f99;
  --color-pale-sky-600: #45747e;
  --color-pale-sky-700: #325d66;
  --color-pale-sky-800: #234951;
  --color-pale-sky-900: #17383f;
  --color-pale-sky-950: #0b2328;
  --color-cloud-break: #f7f4ff;
  --color-cloud-break-50: #f7f4ff;
  --color-cloud-break-100: #ecebf1;
  --color-cloud-break-200: #d9d7de;
  --color-cloud-break-300: #c2c0c9;
  --color-cloud-break-400: #a3a0aa;
  --color-cloud-break-500: #87848e;
  --color-cloud-break-600: #6d6a73;
  --color-cloud-break-700: #56545c;
  --color-cloud-break-800: #434148;
  --color-cloud-break-900: #333238;
  --color-cloud-break-950: #201e23;
}