Muddy Rose to Vanilla Blush Color Palette

About this palette

Muddy Rose to Vanilla Blush is a 4-color pastel, light palette: #E0B9AD (Muddy Rose), #FFC3C4 (Piglet), #D3DAFF (Icy Plains), #FFEEE5 (Vanilla Blush). It mixes pink, purple, white tones and feels warm overall. The strongest text pairing is #E0B9AD on #FFEEE5 with a contrast ratio of 1.59:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Muddy Rose	rgb(224, 185, 173)	hsl(14, 45%, 78%)
Piglet	rgb(255, 195, 196)	hsl(359, 100%, 88%)
Icy Plains	rgb(211, 218, 255)	hsl(230, 100%, 91%)
Vanilla Blush	rgb(255, 238, 229)	hsl(21, 100%, 95%)

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

/* Muddy Rose to Vanilla Blush — https://swatchly.xyz/palette/e0b9ad-ffc3c4-d3daff-ffeee5 */
:root {
  --muddy-rose: #e0b9ad;
  --piglet: #ffc3c4;
  --icy-plains: #d3daff;
  --vanilla-blush: #ffeee5;
}

Tailwind CSS v4

/* Muddy Rose to Vanilla Blush — https://swatchly.xyz/palette/e0b9ad-ffc3c4-d3daff-ffeee5 */
@theme {
  --color-muddy-rose: #e0b9ad;
  --color-muddy-rose-50: #fff3f0;
  --color-muddy-rose-100: #ffe7df;
  --color-muddy-rose-200: #efd2c9;
  --color-muddy-rose-300: #e0b9ad;
  --color-muddy-rose-400: #be9a8f;
  --color-muddy-rose-500: #a27e73;
  --color-muddy-rose-600: #866359;
  --color-muddy-rose-700: #6c4d44;
  --color-muddy-rose-800: #563b33;
  --color-muddy-rose-900: #432d26;
  --color-muddy-rose-950: #2b1b16;
  --color-piglet: #ffc3c4;
  --color-piglet-50: #ffefef;
  --color-piglet-100: #ffe0e0;
  --color-piglet-200: #ffc3c4;
  --color-piglet-300: #e3b0b0;
  --color-piglet-400: #c68f90;
  --color-piglet-500: #aa7476;
  --color-piglet-600: #8e5b5c;
  --color-piglet-700: #744648;
  --color-piglet-800: #5d3537;
  --color-piglet-900: #4a2829;
  --color-piglet-950: #301718;
  --color-icy-plains: #d3daff;
  --color-icy-plains-50: #f6f8ff;
  --color-icy-plains-100: #ebeeff;
  --color-icy-plains-200: #d3daff;
  --color-icy-plains-300: #bdc3e1;
  --color-icy-plains-400: #9ca2c4;
  --color-icy-plains-500: #8086a8;
  --color-icy-plains-600: #656b8b;
  --color-icy-plains-700: #4f5471;
  --color-icy-plains-800: #3c4059;
  --color-icy-plains-900: #2e3146;
  --color-icy-plains-950: #1c1e2d;
  --color-vanilla-blush: #ffeee5;
  --color-vanilla-blush-50: #ffeee5;
  --color-vanilla-blush-100: #f1e6e0;
  --color-vanilla-blush-200: #dfd2cc;
  --color-vanilla-blush-300: #cabcb5;
  --color-vanilla-blush-400: #ac9d95;
  --color-vanilla-blush-500: #91827a;
  --color-vanilla-blush-600: #776861;
  --color-vanilla-blush-700: #5f524b;
  --color-vanilla-blush-800: #4b403a;
  --color-vanilla-blush-900: #3a312b;
  --color-vanilla-blush-950: #241e1a;
}