Glaucous Green to Young Salmon color palette

BDEABCGlaucous Green C9F6F8Vaporised FDE3FFBunny Tail EEAABBPink Blush CBC7FFInnocent Snowdrop FFBAAAYoung Salmon

Open in generator Export PNG, PDF, ASE…

About this palette

Glaucous Green to Young Salmon is a 6-color pastel, light, cool palette: #BDEABC (Glaucous Green), #C9F6F8 (Vaporised), #FDE3FF (Bunny Tail), #EEAABB (Pink Blush), #CBC7FF (Innocent Snowdrop), #FFBAAA (Young Salmon). It mixes green, white, pink, purple tones and feels cool overall. The strongest text pairing is #C9F6F8 on #EEAABB with a contrast ratio of 1.62:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Glaucous Green	rgb(189, 234, 188)	hsl(119, 52%, 83%)
Vaporised	rgb(201, 246, 248)	hsl(183, 77%, 88%)
Bunny Tail	rgb(253, 227, 255)	hsl(296, 100%, 95%)
Pink Blush	rgb(238, 170, 187)	hsl(345, 67%, 80%)
Innocent Snowdrop	rgb(203, 199, 255)	hsl(244, 100%, 89%)
Young Salmon	rgb(255, 186, 170)	hsl(11, 100%, 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.

Color blindness preview

CSS variables

/* Glaucous Green to Young Salmon — https://swatchly.xyz/palette/bdeabc-c9f6f8-fde3ff-eeaabb-cbc7ff-ffbaaa */
:root {
  --glaucous-green: #bdeabc;
  --vaporised: #c9f6f8;
  --bunny-tail: #fde3ff;
  --pink-blush: #eeaabb;
  --innocent-snowdrop: #cbc7ff;
  --young-salmon: #ffbaaa;
}

Tailwind CSS v4

/* Glaucous Green to Young Salmon — https://swatchly.xyz/palette/bdeabc-c9f6f8-fde3ff-eeaabb-cbc7ff-ffbaaa */
@theme {
  --color-glaucous-green: #bdeabc;
  --color-glaucous-green-50: #eaffe9;
  --color-glaucous-green-100: #ddf8dc;
  --color-glaucous-green-200: #bdeabc;
  --color-glaucous-green-300: #abd0aa;
  --color-glaucous-green-400: #88b187;
  --color-glaucous-green-500: #6b956a;
  --color-glaucous-green-600: #517951;
  --color-glaucous-green-700: #3c603c;
  --color-glaucous-green-800: #2b4b2c;
  --color-glaucous-green-900: #1f3a1f;
  --color-glaucous-green-950: #112511;
  --color-vaporised: #c9f6f8;
  --color-vaporised-50: #e3fbfc;
  --color-vaporised-100: #c9f6f8;
  --color-vaporised-200: #bfdfe1;
  --color-vaporised-300: #a5cacb;
  --color-vaporised-400: #82abad;
  --color-vaporised-500: #658f91;
  --color-vaporised-600: #4c7476;
  --color-vaporised-700: #375d5e;
  --color-vaporised-800: #28494a;
  --color-vaporised-900: #1c383a;
  --color-vaporised-950: #0f2324;
  --color-bunny-tail: #fde3ff;
  --color-bunny-tail-50: #fef2ff;
  --color-bunny-tail-100: #fde3ff;
  --color-bunny-tail-200: #e5d2e6;
  --color-bunny-tail-300: #cfbad1;
  --color-bunny-tail-400: #b199b2;
  --color-bunny-tail-500: #957e97;
  --color-bunny-tail-600: #79637b;
  --color-bunny-tail-700: #614d63;
  --color-bunny-tail-800: #4d3b4e;
  --color-bunny-tail-900: #3c2d3d;
  --color-bunny-tail-950: #261b26;
  --color-pink-blush: #eeaabb;
  --color-pink-blush-50: #fff0f3;
  --color-pink-blush-100: #ffe2e8;
  --color-pink-blush-200: #fbc6d3;
  --color-pink-blush-300: #eeaabb;
  --color-pink-blush-400: #cb8c9c;
  --color-pink-blush-500: #af7081;
  --color-pink-blush-600: #925767;
  --color-pink-blush-700: #784251;
  --color-pink-blush-800: #60313f;
  --color-pink-blush-900: #4c2430;
  --color-pink-blush-950: #31151d;
  --color-innocent-snowdrop: #cbc7ff;
  --color-innocent-snowdrop-50: #ededff;
  --color-innocent-snowdrop-100: #e1e0ff;
  --color-innocent-snowdrop-200: #cbc7ff;
  --color-innocent-snowdrop-300: #b6b3e4;
  --color-innocent-snowdrop-400: #9995c8;
  --color-innocent-snowdrop-500: #7f7bae;
  --color-innocent-snowdrop-600: #676293;
  --color-innocent-snowdrop-700: #524d79;
  --color-innocent-snowdrop-800: #413c63;
  --color-innocent-snowdrop-900: #312e4e;
  --color-innocent-snowdrop-950: #1e1c33;
  --color-young-salmon: #ffbaaa;
  --color-young-salmon-50: #ffe8e3;
  --color-young-salmon-100: #ffd9d0;
  --color-young-salmon-200: #ffbaaa;
  --color-young-salmon-300: #e4a89a;
  --color-young-salmon-400: #c8897a;
  --color-young-salmon-500: #ae6f60;
  --color-young-salmon-600: #925749;
  --color-young-salmon-700: #784337;
  --color-young-salmon-800: #623329;
  --color-young-salmon-900: #4e261d;
  --color-young-salmon-950: #321610;
}