Royal Fig to Emerald Oasis color palette

7C5169Royal Fig C8E7DBPolar Expedition D8B5CDPurple Poodle 372332Melanzane 64A18DEmerald Oasis

About this palette

Royal Fig to Emerald Oasis is a 5-color muted, warm, vintage palette: #7C5169 (Royal Fig), #C8E7DB (Polar Expedition), #D8B5CD (Purple Poodle), #372332 (Melanzane), #64A18D (Emerald Oasis). It mixes red, turquoise, pink, purple tones and feels warm overall. The strongest text pairing is #C8E7DB on #372332 with a contrast ratio of 10.98:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Royal Fig	rgb(124, 81, 105)	hsl(327, 21%, 40%)
Polar Expedition	rgb(200, 231, 219)	hsl(157, 39%, 85%)
Purple Poodle	rgb(216, 181, 205)	hsl(319, 31%, 78%)
Melanzane	rgb(55, 35, 50)	hsl(315, 22%, 18%)
Emerald Oasis	rgb(100, 161, 141)	hsl(160, 24%, 51%)

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.

Aa10.98:1 Very good#C8E7DB on #372332
Aa10.98:1 Very good#372332 on #C8E7DB
Aa7.88:1 Very good#D8B5CD on #372332
Aa7.88:1 Very good#372332 on #D8B5CD
Aa4.91:1 Good#7C5169 on #C8E7DB
Aa4.91:1 Good#C8E7DB on #7C5169
Aa4.85:1 Good#372332 on #64A18D
Aa4.85:1 Good#64A18D on #372332

Color blindness preview

CSS variables

/* Royal Fig to Emerald Oasis — https://swatchly.xyz/palette/7c5169-c8e7db-d8b5cd-372332-64a18d */
:root {
  --royal-fig: #7c5169;
  --polar-expedition: #c8e7db;
  --purple-poodle: #d8b5cd;
  --melanzane: #372332;
  --emerald-oasis: #64a18d;
}

Tailwind CSS v4

/* Royal Fig to Emerald Oasis — https://swatchly.xyz/palette/7c5169-c8e7db-d8b5cd-372332-64a18d */
@theme {
  --color-royal-fig: #7c5169;
  --color-royal-fig-50: #fff0f8;
  --color-royal-fig-100: #ffdeef;
  --color-royal-fig-200: #edc6db;
  --color-royal-fig-300: #d7acc3;
  --color-royal-fig-400: #b88aa2;
  --color-royal-fig-500: #9a6c85;
  --color-royal-fig-600: #7c5169;
  --color-royal-fig-700: #643f53;
  --color-royal-fig-800: #4f3042;
  --color-royal-fig-900: #3f2433;
  --color-royal-fig-950: #281520;
  --color-polar-expedition: #c8e7db;
  --color-polar-expedition-50: #effef8;
  --color-polar-expedition-100: #e4f6ef;
  --color-polar-expedition-200: #c8e7db;
  --color-polar-expedition-300: #b4cec4;
  --color-polar-expedition-400: #91ada3;
  --color-polar-expedition-500: #749186;
  --color-polar-expedition-600: #59756b;
  --color-polar-expedition-700: #435d53;
  --color-polar-expedition-800: #324840;
  --color-polar-expedition-900: #253731;
  --color-polar-expedition-950: #15231e;
  --color-purple-poodle: #d8b5cd;
  --color-purple-poodle-50: #fff0fa;
  --color-purple-poodle-100: #fae4f3;
  --color-purple-poodle-200: #e9cfe1;
  --color-purple-poodle-300: #d8b5cd;
  --color-purple-poodle-400: #b796ad;
  --color-purple-poodle-500: #9b7b91;
  --color-purple-poodle-600: #806176;
  --color-purple-poodle-700: #674b5f;
  --color-purple-poodle-800: #523a4b;
  --color-purple-poodle-900: #402b3a;
  --color-purple-poodle-950: #281a24;
  --color-melanzane: #372332;
  --color-melanzane-50: #fff0fb;
  --color-melanzane-100: #f6e5f1;
  --color-melanzane-200: #e5d1df;
  --color-melanzane-300: #d0b9c9;
  --color-melanzane-400: #b097a9;
  --color-melanzane-500: #937a8c;
  --color-melanzane-600: #765f70;
  --color-melanzane-700: #5c4857;
  --color-melanzane-800: #463541;
  --color-melanzane-900: #372332;
  --color-melanzane-950: #1f151c;
  --color-emerald-oasis: #64a18d;
  --color-emerald-oasis-50: #e3fff5;
  --color-emerald-oasis-100: #d5f9ec;
  --color-emerald-oasis-200: #bee9da;
  --color-emerald-oasis-300: #a5d6c5;
  --color-emerald-oasis-400: #81baa7;
  --color-emerald-oasis-500: #64a18d;
  --color-emerald-oasis-600: #478370;
  --color-emerald-oasis-700: #306958;
  --color-emerald-oasis-800: #1f5344;
  --color-emerald-oasis-900: #123f33;
  --color-emerald-oasis-950: #07271e;
}