Blushing Sky to Deep Pond Color Palette

About this palette

Blushing Sky to Deep Pond is a 5-color cool, earthy palette: #D8B0E3 (Blushing Sky), #C0B13A (Pesto), #8C5DB6 (Lusty Lavender), #615600 (Ayahuasca Vine), #004220 (Deep Pond). It mixes purple, yellow, brown, green tones and feels cool overall. The strongest text pairing is #D8B0E3 on #004220 with a contrast ratio of 6.24:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blushing Sky	rgb(216, 176, 227)	hsl(287, 48%, 79%)
Pesto	rgb(192, 177, 58)	hsl(53, 54%, 49%)
Lusty Lavender	rgb(140, 93, 182)	hsl(272, 38%, 54%)
Ayahuasca Vine	rgb(97, 86, 0)	hsl(53, 100%, 19%)
Deep Pond	rgb(0, 66, 32)	hsl(149, 100%, 13%)

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.

Aa6.24:1 Good#D8B0E3 on #004220
Aa6.24:1 Good#004220 on #D8B0E3
Aa5.33:1 Good#C0B13A on #004220
Aa5.33:1 Good#004220 on #C0B13A
Aa3.96:1 Poor#D8B0E3 on #615600
Aa3.96:1 Poor#615600 on #D8B0E3
Aa3.38:1 Poor#C0B13A on #615600
Aa3.38:1 Poor#615600 on #C0B13A

Color blindness preview

CSS variables

/* Blushing Sky to Deep Pond — https://swatchly.xyz/palette/d8b0e3-c0b13a-8c5db6-615600-004220 */
:root {
  --blushing-sky: #d8b0e3;
  --pesto: #c0b13a;
  --lusty-lavender: #8c5db6;
  --ayahuasca-vine: #615600;
  --deep-pond: #004220;
}

Tailwind CSS v4

/* Blushing Sky to Deep Pond — https://swatchly.xyz/palette/d8b0e3-c0b13a-8c5db6-615600-004220 */
@theme {
  --color-blushing-sky: #d8b0e3;
  --color-blushing-sky-50: #fcf0ff;
  --color-blushing-sky-100: #f9e2ff;
  --color-blushing-sky-200: #e9cbf1;
  --color-blushing-sky-300: #d8b0e3;
  --color-blushing-sky-400: #b792c1;
  --color-blushing-sky-500: #9c76a6;
  --color-blushing-sky-600: #805c8a;
  --color-blushing-sky-700: #674770;
  --color-blushing-sky-800: #52365a;
  --color-blushing-sky-900: #402847;
  --color-blushing-sky-950: #29172d;
  --color-pesto: #c0b13a;
  --color-pesto-50: #fffbdb;
  --color-pesto-100: #fcf5b8;
  --color-pesto-200: #ede39a;
  --color-pesto-300: #dacf78;
  --color-pesto-400: #c0b13a;
  --color-pesto-500: #a2930a;
  --color-pesto-600: #827500;
  --color-pesto-700: #665c00;
  --color-pesto-800: #4f4700;
  --color-pesto-900: #3c3500;
  --color-pesto-950: #242000;
  --color-lusty-lavender: #8c5db6;
  --color-lusty-lavender-50: #f8f2ff;
  --color-lusty-lavender-100: #f3e8ff;
  --color-lusty-lavender-200: #e7d1ff;
  --color-lusty-lavender-300: #d9b4ff;
  --color-lusty-lavender-400: #bf92ea;
  --color-lusty-lavender-500: #a577d1;
  --color-lusty-lavender-600: #8c5db6;
  --color-lusty-lavender-700: #724598;
  --color-lusty-lavender-800: #5a337b;
  --color-lusty-lavender-900: #462462;
  --color-lusty-lavender-950: #2d1441;
  --color-ayahuasca-vine: #615600;
  --color-ayahuasca-vine-50: #fcf7cf;
  --color-ayahuasca-vine-100: #f3edc1;
  --color-ayahuasca-vine-200: #e1d9a5;
  --color-ayahuasca-vine-300: #ccc386;
  --color-ayahuasca-vine-400: #aea35f;
  --color-ayahuasca-vine-500: #938840;
  --color-ayahuasca-vine-600: #786d25;
  --color-ayahuasca-vine-700: #615600;
  --color-ayahuasca-vine-800: #4c4301;
  --color-ayahuasca-vine-900: #3b3300;
  --color-ayahuasca-vine-950: #252000;
  --color-deep-pond: #004220;
  --color-deep-pond-50: #deffe7;
  --color-deep-pond-100: #d1f6db;
  --color-deep-pond-200: #b9e4c4;
  --color-deep-pond-300: #9dcfab;
  --color-deep-pond-400: #7ab18a;
  --color-deep-pond-500: #5d976f;
  --color-deep-pond-600: #447c56;
  --color-deep-pond-700: #306442;
  --color-deep-pond-800: #215032;
  --color-deep-pond-900: #004220;
  --color-deep-pond-950: #0a2916;
}