Blister Pearl to Morris Leaf Color Palette

About this palette

Blister Pearl to Morris Leaf is a 4-color pastel, light, cool palette: #AEF9E3 (Blister Pearl), #B9CBF5 (Frost Fairy), #E3FFEA (Snow White), #C4D1B0 (Morris Leaf). It mixes turquoise, blue, white, green tones and feels cool overall. The strongest text pairing is #B9CBF5 on #E3FFEA with a contrast ratio of 1.53:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blister Pearl	rgb(174, 249, 227)	hsl(162, 86%, 83%)
Frost Fairy	rgb(185, 203, 245)	hsl(222, 75%, 84%)
Snow White	rgb(227, 255, 234)	hsl(135, 100%, 95%)
Morris Leaf	rgb(196, 209, 176)	hsl(84, 26%, 75%)

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

/* Blister Pearl to Morris Leaf — https://swatchly.xyz/palette/aef9e3-b9cbf5-e3ffea-c4d1b0 */
:root {
  --blister-pearl: #aef9e3;
  --frost-fairy: #b9cbf5;
  --snow-white: #e3ffea;
  --morris-leaf: #c4d1b0;
}

Tailwind CSS v4

/* Blister Pearl to Morris Leaf — https://swatchly.xyz/palette/aef9e3-b9cbf5-e3ffea-c4d1b0 */
@theme {
  --color-blister-pearl: #aef9e3;
  --color-blister-pearl-50: #d3fcef;
  --color-blister-pearl-100: #aef9e3;
  --color-blister-pearl-200: #abe2d1;
  --color-blister-pearl-300: #8fcdbb;
  --color-blister-pearl-400: #69b09c;
  --color-blister-pearl-500: #4b9581;
  --color-blister-pearl-600: #317a68;
  --color-blister-pearl-700: #1c6352;
  --color-blister-pearl-800: #0c4e40;
  --color-blister-pearl-900: #023c31;
  --color-blister-pearl-950: #00261e;
  --color-frost-fairy: #b9cbf5;
  --color-frost-fairy-50: #f8faff;
  --color-frost-fairy-100: #edf2ff;
  --color-frost-fairy-200: #d3e0fe;
  --color-frost-fairy-300: #b9cbf5;
  --color-frost-fairy-400: #99aad0;
  --color-frost-fairy-500: #7c8cb3;
  --color-frost-fairy-600: #607095;
  --color-frost-fairy-700: #495779;
  --color-frost-fairy-800: #374360;
  --color-frost-fairy-900: #28324b;
  --color-frost-fairy-950: #181f30;
  --color-snow-white: #e3ffea;
  --color-snow-white-50: #e3ffea;
  --color-snow-white-100: #e1f1e5;
  --color-snow-white-200: #cadecf;
  --color-snow-white-300: #b2c8b7;
  --color-snow-white-400: #90a997;
  --color-snow-white-500: #748e7b;
  --color-snow-white-600: #5b7361;
  --color-snow-white-700: #465c4c;
  --color-snow-white-800: #35483a;
  --color-snow-white-900: #27372c;
  --color-snow-white-950: #17231a;
  --color-morris-leaf: #c4d1b0;
  --color-morris-leaf-50: #f7feec;
  --color-morris-leaf-100: #eef6e2;
  --color-morris-leaf-200: #dbe4cd;
  --color-morris-leaf-300: #c4d1b0;
  --color-morris-leaf-400: #a3af91;
  --color-morris-leaf-500: #869273;
  --color-morris-leaf-600: #6a7558;
  --color-morris-leaf-700: #535d42;
  --color-morris-leaf-800: #3f4830;
  --color-morris-leaf-900: #2f3622;
  --color-morris-leaf-950: #1c2213;
}