Wax Flower to Bambino Color Palette

About this palette

Wax Flower to Bambino is a 5-color pastel, light palette: #ECAC9E (Wax Flower), #FFEAE2 (Pink Swirl), #A4DCFF (Droplet), #F8D7AF (Lion’s Roar), #96D7D0 (Bambino). It mixes pink, white, blue, orange, turquoise tones and feels balanced overall. The strongest text pairing is #ECAC9E on #FFEAE2 with a contrast ratio of 1.65:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Wax Flower	rgb(236, 172, 158)	hsl(11, 67%, 77%)
Pink Swirl	rgb(255, 234, 226)	hsl(17, 100%, 94%)
Droplet	rgb(164, 220, 255)	hsl(203, 100%, 82%)
Lion’s Roar	rgb(248, 215, 175)	hsl(33, 84%, 83%)
Bambino	rgb(150, 215, 208)	hsl(174, 45%, 72%)

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

/* Wax Flower to Bambino — https://swatchly.xyz/palette/ecac9e-ffeae2-a4dcff-f8d7af-96d7d0 */
:root {
  --wax-flower: #ecac9e;
  --pink-swirl: #ffeae2;
  --droplet: #a4dcff;
  --lion-s-roar: #f8d7af;
  --bambino: #96d7d0;
}

Tailwind CSS v4

/* Wax Flower to Bambino — https://swatchly.xyz/palette/ecac9e-ffeae2-a4dcff-f8d7af-96d7d0 */
@theme {
  --color-wax-flower: #ecac9e;
  --color-wax-flower-50: #fff0ec;
  --color-wax-flower-100: #ffe2db;
  --color-wax-flower-200: #f9c8bd;
  --color-wax-flower-300: #ecac9e;
  --color-wax-flower-400: #ca8e81;
  --color-wax-flower-500: #ae7366;
  --color-wax-flower-600: #92594e;
  --color-wax-flower-700: #77453a;
  --color-wax-flower-800: #60342b;
  --color-wax-flower-900: #4c271f;
  --color-wax-flower-950: #311711;
  --color-pink-swirl: #ffeae2;
  --color-pink-swirl-50: #fff6f3;
  --color-pink-swirl-100: #ffeae2;
  --color-pink-swirl-200: #e6d7d1;
  --color-pink-swirl-300: #d0bfb9;
  --color-pink-swirl-400: #b19f98;
  --color-pink-swirl-500: #95837c;
  --color-pink-swirl-600: #7a6861;
  --color-pink-swirl-700: #61514b;
  --color-pink-swirl-800: #4d3f3a;
  --color-pink-swirl-900: #3c302b;
  --color-pink-swirl-950: #251d1a;
  --color-droplet: #a4dcff;
  --color-droplet-50: #e6f5ff;
  --color-droplet-100: #d0edff;
  --color-droplet-200: #a4dcff;
  --color-droplet-300: #96c5e3;
  --color-droplet-400: #72a6c7;
  --color-droplet-500: #568cac;
  --color-droplet-600: #3d7190;
  --color-droplet-700: #2a5a76;
  --color-droplet-800: #1c475f;
  --color-droplet-900: #11374b;
  --color-droplet-950: #072231;
  --color-lion-s-roar: #f8d7af;
  --color-lion-s-roar-50: #fff8ef;
  --color-lion-s-roar-100: #ffedd7;
  --color-lion-s-roar-200: #f8d7af;
  --color-lion-s-roar-300: #dbc1a0;
  --color-lion-s-roar-400: #bd9f7b;
  --color-lion-s-roar-500: #a1835d;
  --color-lion-s-roar-600: #846843;
  --color-lion-s-roar-700: #6b512f;
  --color-lion-s-roar-800: #543e20;
  --color-lion-s-roar-900: #422f16;
  --color-lion-s-roar-950: #2a1c0a;
  --color-bambino: #96d7d0;
  --color-bambino-50: #e7fffc;
  --color-bambino-100: #d4f9f5;
  --color-bambino-200: #bce9e3;
  --color-bambino-300: #96d7d0;
  --color-bambino-400: #79b5ae;
  --color-bambino-500: #599892;
  --color-bambino-600: #3d7c76;
  --color-bambino-700: #27635e;
  --color-bambino-800: #174d49;
  --color-bambino-900: #0c3b37;
  --color-bambino-950: #042522;
}