Little Princess to Yellow Chalk Color Palette

About this palette

Little Princess to Yellow Chalk is a 4-color pastel, light, warm palette: #E4ACBB (Little Princess), #BCDDC0 (Mother Nature), #FFD7DB (We Peep), #F6F9B5 (Yellow Chalk). It mixes pink, green, yellow tones and feels warm overall. The strongest text pairing is #E4ACBB on #F6F9B5 with a contrast ratio of 1.75:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Little Princess	rgb(228, 172, 187)	hsl(344, 51%, 78%)
Mother Nature	rgb(188, 221, 192)	hsl(127, 33%, 80%)
We Peep	rgb(255, 215, 219)	hsl(354, 100%, 92%)
Yellow Chalk	rgb(246, 249, 181)	hsl(63, 85%, 84%)

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

/* Little Princess to Yellow Chalk — https://swatchly.xyz/palette/e4acbb-bcddc0-ffd7db-f6f9b5 */
:root {
  --little-princess: #e4acbb;
  --mother-nature: #bcddc0;
  --we-peep: #ffd7db;
  --yellow-chalk: #f6f9b5;
}

Tailwind CSS v4

/* Little Princess to Yellow Chalk — https://swatchly.xyz/palette/e4acbb-bcddc0-ffd7db-f6f9b5 */
@theme {
  --color-little-princess: #e4acbb;
  --color-little-princess-50: #ffeff3;
  --color-little-princess-100: #ffe0e7;
  --color-little-princess-200: #f3c7d3;
  --color-little-princess-300: #e4acbb;
  --color-little-princess-400: #c28e9c;
  --color-little-princess-500: #a77382;
  --color-little-princess-600: #8b5a68;
  --color-little-princess-700: #714552;
  --color-little-princess-800: #5b3540;
  --color-little-princess-900: #482731;
  --color-little-princess-950: #2e171e;
  --color-mother-nature: #bcddc0;
  --color-mother-nature-50: #e5f8e7;
  --color-mother-nature-100: #d9eedb;
  --color-mother-nature-200: #bcddc0;
  --color-mother-nature-300: #aac6ad;
  --color-mother-nature-400: #89a88d;
  --color-mother-nature-500: #6f8d73;
  --color-mother-nature-600: #56735a;
  --color-mother-nature-700: #425c46;
  --color-mother-nature-800: #324935;
  --color-mother-nature-900: #253828;
  --color-mother-nature-950: #152317;
  --color-we-peep: #ffd7db;
  --color-we-peep-50: #ffe7e9;
  --color-we-peep-100: #ffd7db;
  --color-we-peep-200: #e6c8cb;
  --color-we-peep-300: #d3b2b5;
  --color-we-peep-400: #b79397;
  --color-we-peep-500: #9d797d;
  --color-we-peep-600: #826064;
  --color-we-peep-700: #6a4c4f;
  --color-we-peep-800: #553a3d;
  --color-we-peep-900: #422c2e;
  --color-we-peep-950: #2a1a1c;
  --color-yellow-chalk: #f6f9b5;
  --color-yellow-chalk-50: #f6f9b5;
  --color-yellow-chalk-100: #ebedc4;
  --color-yellow-chalk-200: #d8dba9;
  --color-yellow-chalk-300: #c2c58d;
  --color-yellow-chalk-400: #a4a668;
  --color-yellow-chalk-500: #898b4a;
  --color-yellow-chalk-600: #6f7031;
  --color-yellow-chalk-700: #58591e;
  --color-yellow-chalk-800: #454510;
  --color-yellow-chalk-900: #353507;
  --color-yellow-chalk-950: #212102;
}