Moonscape to Decadial Pink color palette

856C82Moonscape BA95B9Dripping Wisteria 473A48Italian Grape 744D6FHibernation DDC8DCDecadial Pink

About this palette

Moonscape to Decadial Pink is a 5-color muted, vintage palette: #856C82 (Moonscape), #BA95B9 (Dripping Wisteria), #473A48 (Italian Grape), #744D6F (Hibernation), #DDC8DC (Decadial Pink). It mixes pink, gray tones and feels balanced overall. The strongest text pairing is #473A48 on #DDC8DC with a contrast ratio of 6.80:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Moonscape	rgb(133, 108, 130)	hsl(307, 10%, 47%)
Dripping Wisteria	rgb(186, 149, 185)	hsl(302, 21%, 66%)
Italian Grape	rgb(71, 58, 72)	hsl(296, 11%, 25%)
Hibernation	rgb(116, 77, 111)	hsl(308, 20%, 38%)
Decadial Pink	rgb(221, 200, 220)	hsl(303, 24%, 83%)

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.80:1 Good#473A48 on #DDC8DC
Aa6.80:1 Good#DDC8DC on #473A48
Aa4.41:1 Poor#744D6F on #DDC8DC
Aa4.41:1 Poor#DDC8DC on #744D6F
Aa4.11:1 Poor#BA95B9 on #473A48
Aa4.11:1 Poor#473A48 on #BA95B9

Color blindness preview

CSS variables

/* Moonscape to Decadial Pink — https://swatchly.xyz/palette/856c82-ba95b9-473a48-744d6f-ddc8dc */
:root {
  --moonscape: #856c82;
  --dripping-wisteria: #ba95b9;
  --italian-grape: #473a48;
  --hibernation: #744d6f;
  --decadial-pink: #ddc8dc;
}

Tailwind CSS v4

/* Moonscape to Decadial Pink — https://swatchly.xyz/palette/856c82-ba95b9-473a48-744d6f-ddc8dc */
@theme {
  --color-moonscape: #856c82;
  --color-moonscape-50: #fff0fd;
  --color-moonscape-100: #f8e7f6;
  --color-moonscape-200: #e8d4e5;
  --color-moonscape-300: #d5bed2;
  --color-moonscape-400: #b89fb5;
  --color-moonscape-500: #9f859b;
  --color-moonscape-600: #856c82;
  --color-moonscape-700: #6b5468;
  --color-moonscape-800: #554152;
  --color-moonscape-900: #413140;
  --color-moonscape-950: #291d28;
  --color-dripping-wisteria: #ba95b9;
  --color-dripping-wisteria-50: #fff0fe;
  --color-dripping-wisteria-100: #fbe3fb;
  --color-dripping-wisteria-200: #ebceea;
  --color-dripping-wisteria-300: #d7b6d6;
  --color-dripping-wisteria-400: #ba95b9;
  --color-dripping-wisteria-500: #9d7a9c;
  --color-dripping-wisteria-600: #815f81;
  --color-dripping-wisteria-700: #684a68;
  --color-dripping-wisteria-800: #533852;
  --color-dripping-wisteria-900: #402a40;
  --color-dripping-wisteria-950: #291929;
  --color-italian-grape: #473a48;
  --color-italian-grape-50: #fbf2fb;
  --color-italian-grape-100: #f1e7f2;
  --color-italian-grape-200: #dfd3e0;
  --color-italian-grape-300: #c9bbca;
  --color-italian-grape-400: #a99baa;
  --color-italian-grape-500: #8d7f8e;
  --color-italian-grape-600: #726473;
  --color-italian-grape-700: #5a4e5b;
  --color-italian-grape-800: #473a48;
  --color-italian-grape-900: #362d36;
  --color-italian-grape-950: #211b22;
  --color-hibernation: #744d6f;
  --color-hibernation-50: #fff0fc;
  --color-hibernation-100: #fee1f9;
  --color-hibernation-200: #eecde9;
  --color-hibernation-300: #dcb6d6;
  --color-hibernation-400: #bf96b9;
  --color-hibernation-500: #a57b9f;
  --color-hibernation-600: #8b6285;
  --color-hibernation-700: #744d6f;
  --color-hibernation-800: #5c3b58;
  --color-hibernation-900: #482c44;
  --color-hibernation-950: #2e1a2c;
  --color-decadial-pink: #ddc8dc;
  --color-decadial-pink-50: #f8ebf7;
  --color-decadial-pink-100: #eedfed;
  --color-decadial-pink-200: #ddc8dc;
  --color-decadial-pink-300: #c6b4c5;
  --color-decadial-pink-400: #a995a8;
  --color-decadial-pink-500: #8f7b8e;
  --color-decadial-pink-600: #756374;
  --color-decadial-pink-700: #5e4e5e;
  --color-decadial-pink-800: #4b3d4b;
  --color-decadial-pink-900: #3a2e3a;
  --color-decadial-pink-950: #251c24;
}