Ephemeral Red to Scandinavian Liquorice color palette

E4CFDAEphemeral Red 74999FTranquili Teal 4D6348Muddy Olive 181214Scandinavian Liquorice

About this palette

Ephemeral Red to Scandinavian Liquorice is a 4-color muted, gradient palette: #E4CFDA (Ephemeral Red), #74999F (Tranquili Teal), #4D6348 (Muddy Olive), #181214 (Scandinavian Liquorice). It mixes gray, turquoise, green, black tones and feels cool overall. The strongest text pairing is #E4CFDA on #181214 with a contrast ratio of 12.54:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Ephemeral Red	rgb(228, 207, 218)	hsl(329, 28%, 85%)
Tranquili Teal	rgb(116, 153, 159)	hsl(188, 18%, 54%)
Muddy Olive	rgb(77, 99, 72)	hsl(109, 16%, 34%)
Scandinavian Liquorice	rgb(24, 18, 20)	hsl(340, 14%, 8%)

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.

Aa12.54:1 Super#E4CFDA on #181214
Aa12.54:1 Super#181214 on #E4CFDA
Aa5.99:1 Good#74999F on #181214
Aa5.99:1 Good#181214 on #74999F
Aa4.46:1 Poor#E4CFDA on #4D6348
Aa4.46:1 Poor#4D6348 on #E4CFDA

Color blindness preview

CSS variables

/* Ephemeral Red to Scandinavian Liquorice — https://swatchly.xyz/palette/e4cfda-74999f-4d6348-181214 */
:root {
  --ephemeral-red: #e4cfda;
  --tranquili-teal: #74999f;
  --muddy-olive: #4d6348;
  --scandinavian-liquorice: #181214;
}

Tailwind CSS v4

/* Ephemeral Red to Scandinavian Liquorice — https://swatchly.xyz/palette/e4cfda-74999f-4d6348-181214 */
@theme {
  --color-ephemeral-red: #e4cfda;
  --color-ephemeral-red-50: #fcf0f6;
  --color-ephemeral-red-100: #f3e5ec;
  --color-ephemeral-red-200: #e4cfda;
  --color-ephemeral-red-300: #cbbac3;
  --color-ephemeral-red-400: #ad9aa4;
  --color-ephemeral-red-500: #927f89;
  --color-ephemeral-red-600: #77656f;
  --color-ephemeral-red-700: #605058;
  --color-ephemeral-red-800: #4c3e45;
  --color-ephemeral-red-900: #3b2f35;
  --color-ephemeral-red-950: #251c21;
  --color-tranquili-teal: #74999f;
  --color-tranquili-teal-50: #e7fcff;
  --color-tranquili-teal-100: #ddf4f8;
  --color-tranquili-teal-200: #c8e3e8;
  --color-tranquili-teal-300: #b0d0d5;
  --color-tranquili-teal-400: #8fb3b8;
  --color-tranquili-teal-500: #74999f;
  --color-tranquili-teal-600: #587c82;
  --color-tranquili-teal-700: #416368;
  --color-tranquili-teal-800: #2f4d52;
  --color-tranquili-teal-900: #223b3f;
  --color-tranquili-teal-950: #122427;
  --color-muddy-olive: #4d6348;
  --color-muddy-olive-50: #ecfae9;
  --color-muddy-olive-100: #e1f1dd;
  --color-muddy-olive-200: #cddfc8;
  --color-muddy-olive-300: #b6cbb1;
  --color-muddy-olive-400: #96ad91;
  --color-muddy-olive-500: #7b9376;
  --color-muddy-olive-600: #62795d;
  --color-muddy-olive-700: #4d6348;
  --color-muddy-olive-800: #3b4e37;
  --color-muddy-olive-900: #2c3c29;
  --color-muddy-olive-950: #1a2618;
  --color-scandinavian-liquorice: #181214;
  --color-scandinavian-liquorice-50: #f9f3f5;
  --color-scandinavian-liquorice-100: #efe9eb;
  --color-scandinavian-liquorice-200: #dcd5d7;
  --color-scandinavian-liquorice-300: #c6bfc1;
  --color-scandinavian-liquorice-400: #a79fa2;
  --color-scandinavian-liquorice-500: #898184;
  --color-scandinavian-liquorice-600: #6c6567;
  --color-scandinavian-liquorice-700: #534c4f;
  --color-scandinavian-liquorice-800: #3e383a;
  --color-scandinavian-liquorice-900: #2c2729;
  --color-scandinavian-liquorice-950: #181214;
}