Blushing Sky to Holographic Lavender color palette

D4B1DABlushing Sky FFC2D0Pink BEECCEMystery Mint F9D4ADTuscan EBE5FFHolographic Lavender

About this palette

Blushing Sky to Holographic Lavender is a 5-color pastel, light, cool palette: #D4B1DA (Blushing Sky), #FFC2D0 (Pink), #BEECCE (Mystery Mint), #F9D4AD (Tuscan), #EBE5FF (Holographic Lavender). It mixes purple, pink, green, orange tones and feels cool overall. The strongest text pairing is #D4B1DA on #EBE5FF with a contrast ratio of 1.55:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blushing Sky	rgb(212, 177, 218)	hsl(291, 36%, 77%)
Pink	rgb(255, 194, 208)	hsl(346, 100%, 88%)
Mystery Mint	rgb(190, 236, 206)	hsl(141, 55%, 84%)
Tuscan	rgb(249, 212, 173)	hsl(31, 86%, 83%)
Holographic Lavender	rgb(235, 229, 255)	hsl(254, 100%, 95%)

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

/* Blushing Sky to Holographic Lavender — https://swatchly.xyz/palette/d4b1da-ffc2d0-beecce-f9d4ad-ebe5ff */
:root {
  --blushing-sky: #d4b1da;
  --pink: #ffc2d0;
  --mystery-mint: #beecce;
  --tuscan: #f9d4ad;
  --holographic-lavender: #ebe5ff;
}

Tailwind CSS v4

/* Blushing Sky to Holographic Lavender — https://swatchly.xyz/palette/d4b1da-ffc2d0-beecce-f9d4ad-ebe5ff */
@theme {
  --color-blushing-sky: #d4b1da;
  --color-blushing-sky-50: #fdefff;
  --color-blushing-sky-100: #f8e1fc;
  --color-blushing-sky-200: #e6cbeb;
  --color-blushing-sky-300: #d4b1da;
  --color-blushing-sky-400: #b393b9;
  --color-blushing-sky-500: #98789e;
  --color-blushing-sky-600: #7d5e83;
  --color-blushing-sky-700: #65496a;
  --color-blushing-sky-800: #503855;
  --color-blushing-sky-900: #3f2a42;
  --color-blushing-sky-950: #28192a;
  --color-pink: #ffc2d0;
  --color-pink-50: #ffeff2;
  --color-pink-100: #ffe0e7;
  --color-pink-200: #ffc2d0;
  --color-pink-300: #e3afbb;
  --color-pink-400: #c68e9b;
  --color-pink-500: #aa7380;
  --color-pink-600: #8e5a67;
  --color-pink-700: #744551;
  --color-pink-800: #5d343f;
  --color-pink-900: #492730;
  --color-pink-950: #2f161d;
  --color-mystery-mint: #beecce;
  --color-mystery-mint-50: #effff4;
  --color-mystery-mint-100: #dff9e8;
  --color-mystery-mint-200: #beecce;
  --color-mystery-mint-300: #add2b9;
  --color-mystery-mint-400: #88b297;
  --color-mystery-mint-500: #6a957a;
  --color-mystery-mint-600: #4f795f;
  --color-mystery-mint-700: #3a6049;
  --color-mystery-mint-800: #294b37;
  --color-mystery-mint-900: #1d3a29;
  --color-mystery-mint-950: #102418;
  --color-tuscan: #f9d4ad;
  --color-tuscan-50: #fff6ed;
  --color-tuscan-100: #ffebd6;
  --color-tuscan-200: #f9d4ad;
  --color-tuscan-300: #ddbe9e;
  --color-tuscan-400: #bf9d7a;
  --color-tuscan-500: #a3815c;
  --color-tuscan-600: #866643;
  --color-tuscan-700: #6c4f2f;
  --color-tuscan-800: #563d20;
  --color-tuscan-900: #432e15;
  --color-tuscan-950: #2b1c0a;
  --color-holographic-lavender: #ebe5ff;
  --color-holographic-lavender-50: #f4f1ff;
  --color-holographic-lavender-100: #ebe5ff;
  --color-holographic-lavender-200: #d7d3e6;
  --color-holographic-lavender-300: #c1bcd2;
  --color-holographic-lavender-400: #a29db4;
  --color-holographic-lavender-500: #878299;
  --color-holographic-lavender-600: #6d687e;
  --color-holographic-lavender-700: #575266;
  --color-holographic-lavender-800: #443f51;
  --color-holographic-lavender-900: #34303f;
  --color-holographic-lavender-950: #201d28;
}