Glaucous Green to Broad Daylight Color Palette

About this palette

Glaucous Green to Broad Daylight is a 5-color pastel, light, cool palette: #B8E6B8 (Glaucous Green), #FFF2D7 (Malibu Sun), #EBBDC9 (Pink Mist), #B1EDE8 (Water Leaf), #BCDBFF (Broad Daylight). It mixes green, white, pink, turquoise, blue tones and feels cool overall. The strongest text pairing is #FFF2D7 on #EBBDC9 with a contrast ratio of 1.50:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Glaucous Green	rgb(184, 230, 184)	hsl(120, 48%, 81%)
Malibu Sun	rgb(255, 242, 215)	hsl(40, 100%, 92%)
Pink Mist	rgb(235, 189, 201)	hsl(344, 53%, 83%)
Water Leaf	rgb(177, 237, 232)	hsl(175, 63%, 81%)
Broad Daylight	rgb(188, 219, 255)	hsl(212, 100%, 87%)

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

/* Glaucous Green to Broad Daylight — https://swatchly.xyz/palette/b8e6b8-fff2d7-ebbdc9-b1ede8-bcdbff */
:root {
  --glaucous-green: #b8e6b8;
  --malibu-sun: #fff2d7;
  --pink-mist: #ebbdc9;
  --water-leaf: #b1ede8;
  --broad-daylight: #bcdbff;
}

Tailwind CSS v4

/* Glaucous Green to Broad Daylight — https://swatchly.xyz/palette/b8e6b8-fff2d7-ebbdc9-b1ede8-bcdbff */
@theme {
  --color-glaucous-green: #b8e6b8;
  --color-glaucous-green-50: #e4fee4;
  --color-glaucous-green-100: #d8f5d8;
  --color-glaucous-green-200: #b8e6b8;
  --color-glaucous-green-300: #a7cda7;
  --color-glaucous-green-400: #84ae85;
  --color-glaucous-green-500: #689369;
  --color-glaucous-green-600: #4f784f;
  --color-glaucous-green-700: #3a603b;
  --color-glaucous-green-800: #2b4c2c;
  --color-glaucous-green-900: #1e3b20;
  --color-glaucous-green-950: #102511;
  --color-malibu-sun: #fff2d7;
  --color-malibu-sun-50: #fff2d7;
  --color-malibu-sun-100: #f1e9d8;
  --color-malibu-sun-200: #dfd5c2;
  --color-malibu-sun-300: #cabfa9;
  --color-malibu-sun-400: #aba088;
  --color-malibu-sun-500: #90856c;
  --color-malibu-sun-600: #766b53;
  --color-malibu-sun-700: #5e543f;
  --color-malibu-sun-800: #4a412f;
  --color-malibu-sun-900: #393222;
  --color-malibu-sun-950: #241f13;
  --color-pink-mist: #ebbdc9;
  --color-pink-mist-50: #fff9fa;
  --color-pink-mist-100: #ffedf1;
  --color-pink-mist-200: #f7d6df;
  --color-pink-mist-300: #ebbdc9;
  --color-pink-mist-400: #c69da8;
  --color-pink-mist-500: #aa7f8b;
  --color-pink-mist-600: #8c636e;
  --color-pink-mist-700: #714c56;
  --color-pink-mist-800: #593942;
  --color-pink-mist-900: #442a32;
  --color-pink-mist-950: #2c191e;
  --color-water-leaf: #b1ede8;
  --color-water-leaf-50: #edfffd;
  --color-water-leaf-100: #d8faf7;
  --color-water-leaf-200: #b1ede8;
  --color-water-leaf-300: #a2d2ce;
  --color-water-leaf-400: #7cb3ae;
  --color-water-leaf-500: #5c9692;
  --color-water-leaf-600: #417a76;
  --color-water-leaf-700: #2c615d;
  --color-water-leaf-800: #1c4b48;
  --color-water-leaf-900: #113a38;
  --color-water-leaf-950: #072423;
  --color-broad-daylight: #bcdbff;
  --color-broad-daylight-50: #eff6ff;
  --color-broad-daylight-100: #deedff;
  --color-broad-daylight-200: #bcdbff;
  --color-broad-daylight-300: #aac4e2;
  --color-broad-daylight-400: #88a4c5;
  --color-broad-daylight-500: #6c89aa;
  --color-broad-daylight-600: #536e8d;
  --color-broad-daylight-700: #3f5774;
  --color-broad-daylight-800: #2e445d;
  --color-broad-daylight-900: #223449;
  --color-broad-daylight-950: #13202f;
}