Lavender Bliss to Ivory Tower Color Palette

About this palette

Lavender Bliss to Ivory Tower is a 5-color pastel, light, cool palette: #D2C4E2 (Lavender Bliss), #ADD2FF (Baby Blue), #FFCFE5 (Light Pink), #A5F1E5 (Pale King’s Blue), #FFF3F5 (Ivory Tower). It mixes purple, blue, pink, turquoise, white tones and feels cool overall. The strongest text pairing is #D2C4E2 on #FFF3F5 with a contrast ratio of 1.52:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lavender Bliss	rgb(210, 196, 226)	hsl(268, 34%, 83%)
Baby Blue	rgb(173, 210, 255)	hsl(213, 100%, 84%)
Light Pink	rgb(255, 207, 229)	hsl(332, 100%, 91%)
Pale King’s Blue	rgb(165, 241, 229)	hsl(171, 73%, 80%)
Ivory Tower	rgb(255, 243, 245)	hsl(350, 100%, 98%)

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

/* Lavender Bliss to Ivory Tower — https://swatchly.xyz/palette/d2c4e2-add2ff-ffcfe5-a5f1e5-fff3f5 */
:root {
  --lavender-bliss: #d2c4e2;
  --baby-blue: #add2ff;
  --light-pink: #ffcfe5;
  --pale-king-s-blue: #a5f1e5;
  --ivory-tower: #fff3f5;
}

Tailwind CSS v4

/* Lavender Bliss to Ivory Tower — https://swatchly.xyz/palette/d2c4e2-add2ff-ffcfe5-a5f1e5-fff3f5 */
@theme {
  --color-lavender-bliss: #d2c4e2;
  --color-lavender-bliss-50: #fcf9ff;
  --color-lavender-bliss-100: #f6eeff;
  --color-lavender-bliss-200: #e5dbf0;
  --color-lavender-bliss-300: #d2c4e2;
  --color-lavender-bliss-400: #b0a3be;
  --color-lavender-bliss-500: #9386a2;
  --color-lavender-bliss-600: #776a85;
  --color-lavender-bliss-700: #5e526b;
  --color-lavender-bliss-800: #493f54;
  --color-lavender-bliss-900: #372f40;
  --color-lavender-bliss-950: #221c29;
  --color-baby-blue: #add2ff;
  --color-baby-blue-50: #e4f0ff;
  --color-baby-blue-100: #d1e6ff;
  --color-baby-blue-200: #add2ff;
  --color-baby-blue-300: #9dbde4;
  --color-baby-blue-400: #7c9fc8;
  --color-baby-blue-500: #6285ae;
  --color-baby-blue-600: #4b6b93;
  --color-baby-blue-700: #385679;
  --color-baby-blue-800: #2a4463;
  --color-baby-blue-900: #1e344e;
  --color-baby-blue-950: #102033;
  --color-light-pink: #ffcfe5;
  --color-light-pink-50: #fff8fb;
  --color-light-pink-100: #ffebf4;
  --color-light-pink-200: #ffcfe5;
  --color-light-pink-300: #e1bacc;
  --color-light-pink-400: #c398ac;
  --color-light-pink-500: #a67b8f;
  --color-light-pink-600: #896073;
  --color-light-pink-700: #6e495b;
  --color-light-pink-800: #573747;
  --color-light-pink-900: #442936;
  --color-light-pink-950: #2c1822;
  --color-pale-king-s-blue: #a5f1e5;
  --color-pale-king-s-blue-50: #eefffc;
  --color-pale-king-s-blue-100: #d3fcf5;
  --color-pale-king-s-blue-200: #a5f1e5;
  --color-pale-king-s-blue-300: #99d6cc;
  --color-pale-king-s-blue-400: #70b6ab;
  --color-pale-king-s-blue-500: #4f998f;
  --color-pale-king-s-blue-600: #317d73;
  --color-pale-king-s-blue-700: #1a635b;
  --color-pale-king-s-blue-800: #074d46;
  --color-pale-king-s-blue-900: #003c36;
  --color-pale-king-s-blue-950: #002621;
  --color-ivory-tower: #fff3f5;
  --color-ivory-tower-50: #fff3f5;
  --color-ivory-tower-100: #f1eaeb;
  --color-ivory-tower-200: #ded6d7;
  --color-ivory-tower-300: #c8bfc0;
  --color-ivory-tower-400: #a99fa1;
  --color-ivory-tower-500: #8e8385;
  --color-ivory-tower-600: #73696b;
  --color-ivory-tower-700: #5c5354;
  --color-ivory-tower-800: #484041;
  --color-ivory-tower-900: #373132;
  --color-ivory-tower-950: #231e1f;
}