Prosciutto to Dark Orchestra color palette

DFB6AAProsciutto A095BDWizard’s Brew 557C6DTurquoise Tortoise 2F4138Everglade 291C17Dark Orchestra

About this palette

Prosciutto to Dark Orchestra is a 5-color muted palette: #DFB6AA (Prosciutto), #A095BD (Wizard’s Brew), #557C6D (Turquoise Tortoise), #2F4138 (Everglade), #291C17 (Dark Orchestra). It mixes pink, purple, turquoise, gray tones and feels cool overall. The strongest text pairing is #DFB6AA on #291C17 with a contrast ratio of 8.96:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Prosciutto	rgb(223, 182, 170)	hsl(14, 45%, 77%)
Wizard’s Brew	rgb(160, 149, 189)	hsl(256, 23%, 66%)
Turquoise Tortoise	rgb(85, 124, 109)	hsl(157, 19%, 41%)
Everglade	rgb(47, 65, 56)	hsl(150, 16%, 22%)
Dark Orchestra	rgb(41, 28, 23)	hsl(17, 28%, 13%)

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.96:1 Very good#DFB6AA on #291C17
Aa8.96:1 Very good#291C17 on #DFB6AA
Aa5.92:1 Good#A095BD on #291C17
Aa5.92:1 Good#291C17 on #A095BD
Aa5.90:1 Good#DFB6AA on #2F4138
Aa5.90:1 Good#2F4138 on #DFB6AA
Aa3.89:1 Poor#A095BD on #2F4138
Aa3.89:1 Poor#2F4138 on #A095BD

Color blindness preview

CSS variables

/* Prosciutto to Dark Orchestra — https://swatchly.xyz/palette/dfb6aa-a095bd-557c6d-2f4138-291c17 */
:root {
  --prosciutto: #dfb6aa;
  --wizard-s-brew: #a095bd;
  --turquoise-tortoise: #557c6d;
  --everglade: #2f4138;
  --dark-orchestra: #291c17;
}

Tailwind CSS v4

/* Prosciutto to Dark Orchestra — https://swatchly.xyz/palette/dfb6aa-a095bd-557c6d-2f4138-291c17 */
@theme {
  --color-prosciutto: #dfb6aa;
  --color-prosciutto-50: #fff2ee;
  --color-prosciutto-100: #ffe4dd;
  --color-prosciutto-200: #efcfc6;
  --color-prosciutto-300: #dfb6aa;
  --color-prosciutto-400: #bd978c;
  --color-prosciutto-500: #a27c71;
  --color-prosciutto-600: #866257;
  --color-prosciutto-700: #6d4c43;
  --color-prosciutto-800: #563a32;
  --color-prosciutto-900: #442c25;
  --color-prosciutto-950: #2b1a15;
  --color-wizard-s-brew: #a095bd;
  --color-wizard-s-brew-50: #f4f1ff;
  --color-wizard-s-brew-100: #ebe4ff;
  --color-wizard-s-brew-200: #d7ceee;
  --color-wizard-s-brew-300: #c0b6da;
  --color-wizard-s-brew-400: #a095bd;
  --color-wizard-s-brew-500: #867ba1;
  --color-wizard-s-brew-600: #6c6286;
  --color-wizard-s-brew-700: #564d6d;
  --color-wizard-s-brew-800: #443b58;
  --color-wizard-s-brew-900: #352d46;
  --color-wizard-s-brew-950: #211c2d;
  --color-turquoise-tortoise: #557c6d;
  --color-turquoise-tortoise-50: #e4fbf2;
  --color-turquoise-tortoise-100: #daf3e9;
  --color-turquoise-tortoise-200: #c4e2d6;
  --color-turquoise-tortoise-300: #abcec0;
  --color-turquoise-tortoise-400: #8ab0a1;
  --color-turquoise-tortoise-500: #6e9686;
  --color-turquoise-tortoise-600: #557c6d;
  --color-turquoise-tortoise-700: #3f6356;
  --color-turquoise-tortoise-800: #2e4e42;
  --color-turquoise-tortoise-900: #213c32;
  --color-turquoise-tortoise-950: #12261e;
  --color-everglade: #2f4138;
  --color-everglade-50: #edf9f2;
  --color-everglade-100: #e2efe8;
  --color-everglade-200: #ccdcd3;
  --color-everglade-300: #b3c5bb;
  --color-everglade-400: #91a59a;
  --color-everglade-500: #74887e;
  --color-everglade-600: #5a6c63;
  --color-everglade-700: #44544c;
  --color-everglade-800: #2f4138;
  --color-everglade-900: #25312b;
  --color-everglade-950: #151e1a;
  --color-dark-orchestra: #291c17;
  --color-dark-orchestra-50: #fdf3ef;
  --color-dark-orchestra-100: #f4e8e4;
  --color-dark-orchestra-200: #e2d4cf;
  --color-dark-orchestra-300: #cdbdb7;
  --color-dark-orchestra-400: #ae9d97;
  --color-dark-orchestra-500: #93827c;
  --color-dark-orchestra-600: #786862;
  --color-dark-orchestra-700: #60524c;
  --color-dark-orchestra-800: #4c3f3b;
  --color-dark-orchestra-900: #3b302c;
  --color-dark-orchestra-950: #291c17;
}