Monkey Island to Silent Snowfall color palette

553947Monkey Island E1C0DDBlackberry Yoghurt 7C9A8CParisian Patina 7B5F59Chocolate Bliss E6F7FFSilent Snowfall

Open in generator Export PNG, PDF, ASE…

About this palette

Monkey Island to Silent Snowfall is a 5-color muted, warm palette: #553947 (Monkey Island), #E1C0DD (Blackberry Yoghurt), #7C9A8C (Parisian Patina), #7B5F59 (Chocolate Bliss), #E6F7FF (Silent Snowfall). It mixes red, pink, turquoise, white tones and feels warm overall. The strongest text pairing is #553947 on #E6F7FF with a contrast ratio of 9.27:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Monkey Island	rgb(85, 57, 71)	hsl(330, 20%, 28%)
Blackberry Yoghurt	rgb(225, 192, 221)	hsl(307, 35%, 82%)
Parisian Patina	rgb(124, 154, 140)	hsl(152, 13%, 55%)
Chocolate Bliss	rgb(123, 95, 89)	hsl(11, 16%, 42%)
Silent Snowfall	rgb(230, 247, 255)	hsl(199, 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.

Aa9.27:1 Very good#553947 on #E6F7FF
Aa9.27:1 Very good#E6F7FF on #553947
Aa6.20:1 Good#553947 on #E1C0DD
Aa6.20:1 Good#E1C0DD on #553947
Aa5.27:1 Good#7B5F59 on #E6F7FF
Aa5.27:1 Good#E6F7FF on #7B5F59
Aa3.53:1 Poor#E1C0DD on #7B5F59
Aa3.53:1 Poor#7B5F59 on #E1C0DD

Color blindness preview

CSS variables

/* Monkey Island to Silent Snowfall — https://swatchly.xyz/palette/553947-e1c0dd-7c9a8c-7b5f59-e6f7ff */
:root {
  --monkey-island: #553947;
  --blackberry-yoghurt: #e1c0dd;
  --parisian-patina: #7c9a8c;
  --chocolate-bliss: #7b5f59;
  --silent-snowfall: #e6f7ff;
}

Tailwind CSS v4

/* Monkey Island to Silent Snowfall — https://swatchly.xyz/palette/553947-e1c0dd-7c9a8c-7b5f59-e6f7ff */
@theme {
  --color-monkey-island: #553947;
  --color-monkey-island-50: #fff1f7;
  --color-monkey-island-100: #fae4ee;
  --color-monkey-island-200: #e9cfdb;
  --color-monkey-island-300: #d5b7c5;
  --color-monkey-island-400: #b797a6;
  --color-monkey-island-500: #9c7c8b;
  --color-monkey-island-600: #806271;
  --color-monkey-island-700: #684c5a;
  --color-monkey-island-800: #553947;
  --color-monkey-island-900: #402c36;
  --color-monkey-island-950: #291b22;
  --color-blackberry-yoghurt: #e1c0dd;
  --color-blackberry-yoghurt-50: #fff9fe;
  --color-blackberry-yoghurt-100: #ffecfd;
  --color-blackberry-yoghurt-200: #f0d9ed;
  --color-blackberry-yoghurt-300: #e1c0dd;
  --color-blackberry-yoghurt-400: #bda0ba;
  --color-blackberry-yoghurt-500: #a0829d;
  --color-blackberry-yoghurt-600: #836680;
  --color-blackberry-yoghurt-700: #694e66;
  --color-blackberry-yoghurt-800: #523b50;
  --color-blackberry-yoghurt-900: #3f2b3d;
  --color-blackberry-yoghurt-950: #281a26;
  --color-parisian-patina: #7c9a8c;
  --color-parisian-patina-50: #ebfcf4;
  --color-parisian-patina-100: #e2f5ec;
  --color-parisian-patina-200: #cee4d9;
  --color-parisian-patina-300: #b7d0c4;
  --color-parisian-patina-400: #97b3a6;
  --color-parisian-patina-500: #7c9a8c;
  --color-parisian-patina-600: #607d70;
  --color-parisian-patina-700: #496357;
  --color-parisian-patina-800: #364e43;
  --color-parisian-patina-900: #273b32;
  --color-parisian-patina-950: #16241e;
  --color-chocolate-bliss: #7b5f59;
  --color-chocolate-bliss-50: #fff2ef;
  --color-chocolate-bliss-100: #fae5e0;
  --color-chocolate-bliss-200: #e8cfca;
  --color-chocolate-bliss-300: #d2b7b1;
  --color-chocolate-bliss-400: #b49690;
  --color-chocolate-bliss-500: #977a74;
  --color-chocolate-bliss-600: #7b5f59;
  --color-chocolate-bliss-700: #634a45;
  --color-chocolate-bliss-800: #4e3935;
  --color-chocolate-bliss-900: #3d2c28;
  --color-chocolate-bliss-950: #271a18;
  --color-silent-snowfall: #e6f7ff;
  --color-silent-snowfall-50: #e6f7ff;
  --color-silent-snowfall-100: #e2ecf1;
  --color-silent-snowfall-200: #cdd9df;
  --color-silent-snowfall-300: #b5c3c9;
  --color-silent-snowfall-400: #95a4ab;
  --color-silent-snowfall-500: #798990;
  --color-silent-snowfall-600: #606e75;
  --color-silent-snowfall-700: #4a585e;
  --color-silent-snowfall-800: #39444a;
  --color-silent-snowfall-900: #2b3539;
  --color-silent-snowfall-950: #192024;
}