Prosciutto to Slightly in Love Color Palette

About this palette

Prosciutto to Slightly in Love is a 5-color pastel, light, cool palette: #E3B7A7 (Prosciutto), #CBC7E9 (Foggy Love), #A9E7E5 (Opal), #D4F1CB (Snowy Mint), #FFE8DD (Slightly in Love). It mixes orange, purple, turquoise, green, white tones and feels cool overall. The strongest text pairing is #E3B7A7 on #FFE8DD with a contrast ratio of 1.54:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Prosciutto	rgb(227, 183, 167)	hsl(16, 52%, 77%)
Foggy Love	rgb(203, 199, 233)	hsl(247, 44%, 85%)
Opal	rgb(169, 231, 229)	hsl(178, 56%, 78%)
Snowy Mint	rgb(212, 241, 203)	hsl(106, 58%, 87%)
Slightly in Love	rgb(255, 232, 221)	hsl(19, 100%, 93%)

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.

Color blindness preview

CSS variables

/* Prosciutto to Slightly in Love — https://swatchly.xyz/palette/e3b7a7-cbc7e9-a9e7e5-d4f1cb-ffe8dd */
:root {
  --prosciutto: #e3b7a7;
  --foggy-love: #cbc7e9;
  --opal: #a9e7e5;
  --snowy-mint: #d4f1cb;
  --slightly-in-love: #ffe8dd;
}

Tailwind CSS v4

/* Prosciutto to Slightly in Love — https://swatchly.xyz/palette/e3b7a7-cbc7e9-a9e7e5-d4f1cb-ffe8dd */
@theme {
  --color-prosciutto: #e3b7a7;
  --color-prosciutto-50: #fff3ef;
  --color-prosciutto-100: #ffe6dd;
  --color-prosciutto-200: #f2d0c4;
  --color-prosciutto-300: #e3b7a7;
  --color-prosciutto-400: #c19889;
  --color-prosciutto-500: #a57c6d;
  --color-prosciutto-600: #896254;
  --color-prosciutto-700: #6f4c3f;
  --color-prosciutto-800: #583a2f;
  --color-prosciutto-900: #452c22;
  --color-prosciutto-950: #2c1a13;
  --color-foggy-love: #cbc7e9;
  --color-foggy-love-50: #fafaff;
  --color-foggy-love-100: #f2f1ff;
  --color-foggy-love-200: #e0ddf5;
  --color-foggy-love-300: #cbc7e9;
  --color-foggy-love-400: #aaa6c5;
  --color-foggy-love-500: #8c88a8;
  --color-foggy-love-600: #706c8a;
  --color-foggy-love-700: #585470;
  --color-foggy-love-800: #444058;
  --color-foggy-love-900: #333044;
  --color-foggy-love-950: #1f1d2b;
  --color-opal: #a9e7e5;
  --color-opal-50: #defefd;
  --color-opal-100: #d1f5f4;
  --color-opal-200: #a9e7e5;
  --color-opal-300: #9bcecc;
  --color-opal-400: #75afad;
  --color-opal-500: #579392;
  --color-opal-600: #3d7876;
  --color-opal-700: #28605f;
  --color-opal-800: #194b4a;
  --color-opal-900: #0f3a3a;
  --color-opal-950: #062524;
  --color-snowy-mint: #d4f1cb;
  --color-snowy-mint-50: #e7f7e2;
  --color-snowy-mint-100: #d4f1cb;
  --color-snowy-mint-200: #c6dcbf;
  --color-snowy-mint-300: #aec7a7;
  --color-snowy-mint-400: #8ea886;
  --color-snowy-mint-500: #738e6b;
  --color-snowy-mint-600: #5b7353;
  --color-snowy-mint-700: #465d3f;
  --color-snowy-mint-800: #35492f;
  --color-snowy-mint-900: #283822;
  --color-snowy-mint-950: #172313;
  --color-slightly-in-love: #ffe8dd;
  --color-slightly-in-love-50: #fff5f0;
  --color-slightly-in-love-100: #ffe8dd;
  --color-slightly-in-love-200: #e6d5cd;
  --color-slightly-in-love-300: #d1beb5;
  --color-slightly-in-love-400: #b29e94;
  --color-slightly-in-love-500: #968278;
  --color-slightly-in-love-600: #7b675e;
  --color-slightly-in-love-700: #625149;
  --color-slightly-in-love-800: #4e3f37;
  --color-slightly-in-love-900: #3c3029;
  --color-slightly-in-love-950: #261d18;
}