Slightly in Love to In Good Taste color palette

FFE5D4Slightly in Love CEFFF0Mint Coffee F4ADBEPink Blush FFD4EEPig Pink BDD8A5In Good Taste

About this palette

Slightly in Love to In Good Taste is a 5-color pastel, light, warm palette: #FFE5D4 (Slightly in Love), #CEFFF0 (Mint Coffee), #F4ADBE (Pink Blush), #FFD4EE (Pig Pink), #BDD8A5 (In Good Taste). It mixes orange, white, pink, green tones and feels warm overall. The strongest text pairing is #CEFFF0 on #F4ADBE with a contrast ratio of 1.66:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Slightly in Love	rgb(255, 229, 212)	hsl(24, 100%, 92%)
Mint Coffee	rgb(206, 255, 240)	hsl(162, 100%, 90%)
Pink Blush	rgb(244, 173, 190)	hsl(346, 76%, 82%)
Pig Pink	rgb(255, 212, 238)	hsl(324, 100%, 92%)
In Good Taste	rgb(189, 216, 165)	hsl(92, 40%, 75%)

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

/* Slightly in Love to In Good Taste — https://swatchly.xyz/palette/ffe5d4-cefff0-f4adbe-ffd4ee-bdd8a5 */
:root {
  --slightly-in-love: #ffe5d4;
  --mint-coffee: #cefff0;
  --pink-blush: #f4adbe;
  --pig-pink: #ffd4ee;
  --in-good-taste: #bdd8a5;
}

Tailwind CSS v4

/* Slightly in Love to In Good Taste — https://swatchly.xyz/palette/ffe5d4-cefff0-f4adbe-ffd4ee-bdd8a5 */
@theme {
  --color-slightly-in-love: #ffe5d4;
  --color-slightly-in-love-50: #fff2e9;
  --color-slightly-in-love-100: #ffe5d4;
  --color-slightly-in-love-200: #e6d3c7;
  --color-slightly-in-love-300: #d1bcae;
  --color-slightly-in-love-400: #b39c8d;
  --color-slightly-in-love-500: #988171;
  --color-slightly-in-love-600: #7d6758;
  --color-slightly-in-love-700: #645143;
  --color-slightly-in-love-800: #503e33;
  --color-slightly-in-love-900: #3e2f26;
  --color-slightly-in-love-950: #271d16;
  --color-mint-coffee: #cefff0;
  --color-mint-coffee-50: #cefff0;
  --color-mint-coffee-100: #d3f1e7;
  --color-mint-coffee-200: #bbdfd4;
  --color-mint-coffee-300: #a2cabe;
  --color-mint-coffee-400: #7fac9e;
  --color-mint-coffee-500: #639184;
  --color-mint-coffee-600: #4a766a;
  --color-mint-coffee-700: #365e53;
  --color-mint-coffee-800: #264a41;
  --color-mint-coffee-900: #1b3a31;
  --color-mint-coffee-950: #0e241e;
  --color-pink-blush: #f4adbe;
  --color-pink-blush-50: #fff3f6;
  --color-pink-blush-100: #ffe6eb;
  --color-pink-blush-200: #ffcad6;
  --color-pink-blush-300: #f4adbe;
  --color-pink-blush-400: #d08f9e;
  --color-pink-blush-500: #b47283;
  --color-pink-blush-600: #965868;
  --color-pink-blush-700: #7a4251;
  --color-pink-blush-800: #62313f;
  --color-pink-blush-900: #4d242f;
  --color-pink-blush-950: #32141d;
  --color-pig-pink: #ffd4ee;
  --color-pig-pink-50: #ffe5f5;
  --color-pig-pink-100: #ffd4ee;
  --color-pig-pink-200: #e6c5d9;
  --color-pig-pink-300: #d3afc5;
  --color-pig-pink-400: #b790a8;
  --color-pig-pink-500: #9d768e;
  --color-pig-pink-600: #825e74;
  --color-pig-pink-700: #6a495e;
  --color-pig-pink-800: #55384a;
  --color-pig-pink-900: #422a39;
  --color-pig-pink-950: #2a1924;
  --color-in-good-taste: #bdd8a5;
  --color-in-good-taste-50: #e4f5d6;
  --color-in-good-taste-100: #d7eac7;
  --color-in-good-taste-200: #bdd8a5;
  --color-in-good-taste-300: #aac296;
  --color-in-good-taste-400: #8ca575;
  --color-in-good-taste-500: #728b5b;
  --color-in-good-taste-600: #5a7244;
  --color-in-good-taste-700: #475c32;
  --color-in-good-taste-800: #374924;
  --color-in-good-taste-900: #293819;
  --color-in-good-taste-950: #18230d;
}