Morris Leaf to Candied Snow Color Palette

About this palette

Morris Leaf to Candied Snow is a 4-color pastel, light, cool, gradient palette: #C0CFB0 (Morris Leaf), #93DFEA (Paradisiacal Getaway), #ABF3FA (Ice Citadel), #DEFFE9 (Candied Snow). It mixes green, turquoise, white tones and feels cool overall. The strongest text pairing is #C0CFB0 on #DEFFE9 with a contrast ratio of 1.53:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Morris Leaf	rgb(192, 207, 176)	hsl(89, 24%, 75%)
Paradisiacal Getaway	rgb(147, 223, 234)	hsl(188, 67%, 75%)
Ice Citadel	rgb(171, 243, 250)	hsl(185, 89%, 83%)
Candied Snow	rgb(222, 255, 233)	hsl(140, 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

/* Morris Leaf to Candied Snow — https://swatchly.xyz/palette/c0cfb0-93dfea-abf3fa-deffe9 */
:root {
  --morris-leaf: #c0cfb0;
  --paradisiacal-getaway: #93dfea;
  --ice-citadel: #abf3fa;
  --candied-snow: #deffe9;
}

Tailwind CSS v4

/* Morris Leaf to Candied Snow — https://swatchly.xyz/palette/c0cfb0-93dfea-abf3fa-deffe9 */
@theme {
  --color-morris-leaf: #c0cfb0;
  --color-morris-leaf-50: #f4fdec;
  --color-morris-leaf-100: #ebf4e2;
  --color-morris-leaf-200: #d8e3cd;
  --color-morris-leaf-300: #c0cfb0;
  --color-morris-leaf-400: #a0ad91;
  --color-morris-leaf-500: #839174;
  --color-morris-leaf-600: #687559;
  --color-morris-leaf-700: #505c43;
  --color-morris-leaf-800: #3d4832;
  --color-morris-leaf-900: #2e3624;
  --color-morris-leaf-950: #1c2214;
  --color-paradisiacal-getaway: #93dfea;
  --color-paradisiacal-getaway-50: #d0f9ff;
  --color-paradisiacal-getaway-100: #bfeff6;
  --color-paradisiacal-getaway-200: #93dfea;
  --color-paradisiacal-getaway-300: #87c8d1;
  --color-paradisiacal-getaway-400: #62aab5;
  --color-paradisiacal-getaway-500: #44909a;
  --color-paradisiacal-getaway-600: #297680;
  --color-paradisiacal-getaway-700: #135f68;
  --color-paradisiacal-getaway-800: #034c54;
  --color-paradisiacal-getaway-900: #003a41;
  --color-paradisiacal-getaway-950: #002529;
  --color-ice-citadel: #abf3fa;
  --color-ice-citadel-50: #d0f8fc;
  --color-ice-citadel-100: #abf3fa;
  --color-ice-citadel-200: #a8dde2;
  --color-ice-citadel-300: #8cc9cf;
  --color-ice-citadel-400: #68abb2;
  --color-ice-citadel-500: #4a9198;
  --color-ice-citadel-600: #30777d;
  --color-ice-citadel-700: #1c6066;
  --color-ice-citadel-800: #0c4c51;
  --color-ice-citadel-900: #033b3f;
  --color-ice-citadel-950: #002528;
  --color-candied-snow: #deffe9;
  --color-candied-snow-50: #deffe9;
  --color-candied-snow-100: #ddf1e4;
  --color-candied-snow-200: #c7dfcf;
  --color-candied-snow-300: #aec9b7;
  --color-candied-snow-400: #8caa97;
  --color-candied-snow-500: #718f7b;
  --color-candied-snow-600: #577461;
  --color-candied-snow-700: #425c4c;
  --color-candied-snow-800: #32493a;
  --color-candied-snow-900: #25382c;
  --color-candied-snow-950: #15231a;
}