Soft Blush to Rosemary color palette

E3BCB9Soft Blush 2D4545Little Mermaid 788E8BMummy’s Tomb F3E3E2Pearly B99291Rosy Brown 3F5D5DRosemary

Open in generator Export PNG, PDF, ASE…

About this palette

Soft Blush to Rosemary is a 6-color muted palette: #E3BCB9 (Soft Blush), #2D4545 (Little Mermaid), #788E8B (Mummy’s Tomb), #F3E3E2 (Pearly), #B99291 (Rosy Brown), #3F5D5D (Rosemary). It mixes pink, gray, red, turquoise tones and feels warm overall. The strongest text pairing is #2D4545 on #F3E3E2 with a contrast ratio of 8.25:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Soft Blush	rgb(227, 188, 185)	hsl(4, 43%, 81%)
Little Mermaid	rgb(45, 69, 69)	hsl(180, 21%, 22%)
Mummy’s Tomb	rgb(120, 142, 139)	hsl(172, 9%, 51%)
Pearly	rgb(243, 227, 226)	hsl(4, 41%, 92%)
Rosy Brown	rgb(185, 146, 145)	hsl(1, 22%, 65%)
Rosemary	rgb(63, 93, 93)	hsl(180, 19%, 31%)

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.

Aa8.25:1 Very good#2D4545 on #F3E3E2
Aa8.25:1 Very good#F3E3E2 on #2D4545
Aa5.94:1 Good#E3BCB9 on #2D4545
Aa5.94:1 Good#2D4545 on #E3BCB9
Aa5.76:1 Good#F3E3E2 on #3F5D5D
Aa5.76:1 Good#3F5D5D on #F3E3E2
Aa4.14:1 Poor#E3BCB9 on #3F5D5D
Aa4.14:1 Poor#3F5D5D on #E3BCB9

Color blindness preview

CSS variables

/* Soft Blush to Rosemary — https://swatchly.xyz/palette/e3bcb9-2d4545-788e8b-f3e3e2-b99291-3f5d5d */
:root {
  --soft-blush: #e3bcb9;
  --little-mermaid: #2d4545;
  --mummy-s-tomb: #788e8b;
  --pearly: #f3e3e2;
  --rosy-brown: #b99291;
  --rosemary: #3f5d5d;
}

Tailwind CSS v4

/* Soft Blush to Rosemary — https://swatchly.xyz/palette/e3bcb9-2d4545-788e8b-f3e3e2-b99291-3f5d5d */
@theme {
  --color-soft-blush: #e3bcb9;
  --color-soft-blush-50: #fff6f5;
  --color-soft-blush-100: #ffe9e8;
  --color-soft-blush-200: #f1d5d2;
  --color-soft-blush-300: #e3bcb9;
  --color-soft-blush-400: #c09c9a;
  --color-soft-blush-500: #a4807d;
  --color-soft-blush-600: #876562;
  --color-soft-blush-700: #6d4e4c;
  --color-soft-blush-800: #563b39;
  --color-soft-blush-900: #422c2b;
  --color-soft-blush-950: #2a1a19;
  --color-little-mermaid: #2d4545;
  --color-little-mermaid-50: #e9f9f9;
  --color-little-mermaid-100: #deefef;
  --color-little-mermaid-200: #c8dcdc;
  --color-little-mermaid-300: #aec6c6;
  --color-little-mermaid-400: #8da6a6;
  --color-little-mermaid-500: #718b8b;
  --color-little-mermaid-600: #57706f;
  --color-little-mermaid-700: #425858;
  --color-little-mermaid-800: #2d4545;
  --color-little-mermaid-900: #243434;
  --color-little-mermaid-950: #152020;
  --color-mummy-s-tomb: #788e8b;
  --color-mummy-s-tomb-50: #ecf9f7;
  --color-mummy-s-tomb-100: #e1f0ee;
  --color-mummy-s-tomb-200: #ccdddb;
  --color-mummy-s-tomb-300: #b4c8c5;
  --color-mummy-s-tomb-400: #93a9a6;
  --color-mummy-s-tomb-500: #788e8b;
  --color-mummy-s-tomb-600: #5e7370;
  --color-mummy-s-tomb-700: #485b59;
  --color-mummy-s-tomb-800: #374745;
  --color-mummy-s-tomb-900: #293735;
  --color-mummy-s-tomb-950: #182221;
  --color-pearly: #f3e3e2;
  --color-pearly-50: #f9efef;
  --color-pearly-100: #f3e3e2;
  --color-pearly-200: #ddd1d0;
  --color-pearly-300: #c8bbba;
  --color-pearly-400: #aa9c9b;
  --color-pearly-500: #8f8180;
  --color-pearly-600: #756867;
  --color-pearly-700: #5e5251;
  --color-pearly-800: #4a3f3f;
  --color-pearly-900: #393030;
  --color-pearly-950: #241d1d;
  --color-rosy-brown: #b99291;
  --color-rosy-brown-50: #ffefef;
  --color-rosy-brown-100: #fde1e1;
  --color-rosy-brown-200: #ebcccb;
  --color-rosy-brown-300: #d7b3b2;
  --color-rosy-brown-400: #b99291;
  --color-rosy-brown-500: #9d7877;
  --color-rosy-brown-600: #825f5e;
  --color-rosy-brown-700: #694a49;
  --color-rosy-brown-800: #543938;
  --color-rosy-brown-900: #422b2b;
  --color-rosy-brown-950: #2b1a1a;
  --color-rosemary: #3f5d5d;
  --color-rosemary-50: #e7f9f9;
  --color-rosemary-100: #dbf0f0;
  --color-rosemary-200: #c5dddd;
  --color-rosemary-300: #acc8c8;
  --color-rosemary-400: #8aa9a9;
  --color-rosemary-500: #6f8e8e;
  --color-rosemary-600: #557473;
  --color-rosemary-700: #3f5d5d;
  --color-rosemary-800: #304949;
  --color-rosemary-900: #233838;
  --color-rosemary-950: #142323;
}