Pink Lemonade to Summit Color Palette

About this palette

Pink Lemonade to Summit is a 5-color muted, cool palette: #FFE8E7 (Pink Lemonade), #6B9074 (Toad), #754571 (Purple Passion), #153F28 (Queen of Trees), #8EB9BB (Summit). It mixes white, green, pink, turquoise tones and feels cool overall. The strongest text pairing is #FFE8E7 on #153F28 with a contrast ratio of 10.12:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pink Lemonade	rgb(255, 232, 231)	hsl(2, 100%, 95%)
Toad	rgb(107, 144, 116)	hsl(135, 15%, 49%)
Purple Passion	rgb(117, 69, 113)	hsl(305, 26%, 36%)
Queen of Trees	rgb(21, 63, 40)	hsl(147, 50%, 16%)
Summit	rgb(142, 185, 187)	hsl(183, 25%, 65%)

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.12:1 Very good#FFE8E7 on #153F28
Aa10.12:1 Very good#153F28 on #FFE8E7
Aa6.31:1 Good#FFE8E7 on #754571
Aa6.31:1 Good#754571 on #FFE8E7
Aa5.53:1 Good#153F28 on #8EB9BB
Aa5.53:1 Good#8EB9BB on #153F28
Aa3.45:1 Poor#754571 on #8EB9BB
Aa3.45:1 Poor#8EB9BB on #754571

Color blindness preview

CSS variables

/* Pink Lemonade to Summit — https://swatchly.xyz/palette/ffe8e7-6b9074-754571-153f28-8eb9bb */
:root {
  --pink-lemonade: #ffe8e7;
  --toad: #6b9074;
  --purple-passion: #754571;
  --queen-of-trees: #153f28;
  --summit: #8eb9bb;
}

Tailwind CSS v4

/* Pink Lemonade to Summit — https://swatchly.xyz/palette/ffe8e7-6b9074-754571-153f28-8eb9bb */
@theme {
  --color-pink-lemonade: #ffe8e7;
  --color-pink-lemonade-50: #fff5f4;
  --color-pink-lemonade-100: #ffe8e7;
  --color-pink-lemonade-200: #e6d5d5;
  --color-pink-lemonade-300: #d0bebd;
  --color-pink-lemonade-400: #b29d9c;
  --color-pink-lemonade-500: #968181;
  --color-pink-lemonade-600: #7a6766;
  --color-pink-lemonade-700: #625050;
  --color-pink-lemonade-800: #4d3e3e;
  --color-pink-lemonade-900: #3c2f2f;
  --color-pink-lemonade-950: #261d1c;
  --color-toad: #6b9074;
  --color-toad-50: #e6fcea;
  --color-toad-100: #daf2df;
  --color-toad-200: #c3e0c9;
  --color-toad-300: #a9cab1;
  --color-toad-400: #87ab90;
  --color-toad-500: #6b9074;
  --color-toad-600: #52755b;
  --color-toad-700: #3d5e46;
  --color-toad-800: #2d4a35;
  --color-toad-900: #213927;
  --color-toad-950: #122417;
  --color-purple-passion: #754571;
  --color-purple-passion-50: #fff0fd;
  --color-purple-passion-100: #ffe0fb;
  --color-purple-passion-200: #f2c9ee;
  --color-purple-passion-300: #dfb1da;
  --color-purple-passion-400: #c390be;
  --color-purple-passion-500: #a875a3;
  --color-purple-passion-600: #8c5b88;
  --color-purple-passion-700: #754571;
  --color-purple-passion-800: #5c3559;
  --color-purple-passion-900: #482746;
  --color-purple-passion-950: #2f172d;
  --color-queen-of-trees: #153f28;
  --color-queen-of-trees-50: #e4fdec;
  --color-queen-of-trees-100: #d7f3e1;
  --color-queen-of-trees-200: #c0e1cb;
  --color-queen-of-trees-300: #a6ccb3;
  --color-queen-of-trees-400: #84ae93;
  --color-queen-of-trees-500: #689378;
  --color-queen-of-trees-600: #4f785f;
  --color-queen-of-trees-700: #3b614a;
  --color-queen-of-trees-800: #2b4d39;
  --color-queen-of-trees-900: #153f28;
  --color-queen-of-trees-950: #11271a;
  --color-summit: #8eb9bb;
  --color-summit-50: #edfeff;
  --color-summit-100: #e0f8f9;
  --color-summit-200: #cae8e9;
  --color-summit-300: #b2d5d6;
  --color-summit-400: #8eb9bb;
  --color-summit-500: #719a9c;
  --color-summit-600: #547d7f;
  --color-summit-700: #3d6365;
  --color-summit-800: #2b4d4f;
  --color-summit-900: #1e3a3c;
  --color-summit-950: #0f2324;
}