Water Leaf to Nature Color Palette

About this palette

Water Leaf to Nature is a 4-color pastel, light palette: #ADEAE5 (Water Leaf), #DEB99E (Lama), #FFDCD2 (Pink Parfait), #C5D4B7 (Nature). It mixes turquoise, orange, pink, green tones and feels balanced overall. The strongest text pairing is #DEB99E on #FFDCD2 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
Water Leaf	rgb(173, 234, 229)	hsl(175, 59%, 80%)
Lama	rgb(222, 185, 158)	hsl(25, 49%, 75%)
Pink Parfait	rgb(255, 220, 210)	hsl(13, 100%, 91%)
Nature	rgb(197, 212, 183)	hsl(91, 25%, 77%)

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

/* Water Leaf to Nature — https://swatchly.xyz/palette/adeae5-deb99e-ffdcd2-c5d4b7 */
:root {
  --water-leaf: #adeae5;
  --lama: #deb99e;
  --pink-parfait: #ffdcd2;
  --nature: #c5d4b7;
}

Tailwind CSS v4

/* Water Leaf to Nature — https://swatchly.xyz/palette/adeae5-deb99e-ffdcd2-c5d4b7 */
@theme {
  --color-water-leaf: #adeae5;
  --color-water-leaf-50: #e4fffc;
  --color-water-leaf-100: #d4f8f4;
  --color-water-leaf-200: #adeae5;
  --color-water-leaf-300: #9fd0cc;
  --color-water-leaf-400: #79b1ac;
  --color-water-leaf-500: #5a9590;
  --color-water-leaf-600: #3f7975;
  --color-water-leaf-700: #2a605d;
  --color-water-leaf-800: #1b4b48;
  --color-water-leaf-900: #103a38;
  --color-water-leaf-950: #062523;
  --color-lama: #deb99e;
  --color-lama-50: #fff3ea;
  --color-lama-100: #fee6d5;
  --color-lama-200: #eed2be;
  --color-lama-300: #deb99e;
  --color-lama-400: #bc9a81;
  --color-lama-500: #a17e65;
  --color-lama-600: #85644c;
  --color-lama-700: #6c4e38;
  --color-lama-800: #563c29;
  --color-lama-900: #432d1d;
  --color-lama-950: #2b1b0f;
  --color-pink-parfait: #ffdcd2;
  --color-pink-parfait-50: #ffebe5;
  --color-pink-parfait-100: #ffdcd2;
  --color-pink-parfait-200: #e6ccc4;
  --color-pink-parfait-300: #d3b5ad;
  --color-pink-parfait-400: #b6968d;
  --color-pink-parfait-500: #9b7c73;
  --color-pink-parfait-600: #80635b;
  --color-pink-parfait-700: #694e46;
  --color-pink-parfait-800: #533c35;
  --color-pink-parfait-900: #412d28;
  --color-pink-parfait-950: #291b17;
  --color-nature: #c5d4b7;
  --color-nature-50: #e9f2e1;
  --color-nature-100: #dde7d4;
  --color-nature-200: #c5d4b7;
  --color-nature-300: #b1bea5;
  --color-nature-400: #93a186;
  --color-nature-500: #7a876c;
  --color-nature-600: #616e55;
  --color-nature-700: #4d5841;
  --color-nature-800: #3c4632;
  --color-nature-900: #2e3625;
  --color-nature-950: #1b2215;
}