Ivory Buff to Smell the Mint Color Palette

About this palette

Ivory Buff to Smell the Mint is a 5-color pastel, light, warm palette: #E7DC9A (Ivory Buff), #FFF4B2 (Glowlight), #FAB3B3 (Peach Bud), #FBD7E8 (Pig Pink), #BDFBD1 (Smell the Mint). It mixes yellow, pink, green tones and feels warm overall. The strongest text pairing is #FFF4B2 on #FAB3B3 with a contrast ratio of 1.55:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Ivory Buff	rgb(231, 220, 154)	hsl(51, 62%, 75%)
Glowlight	rgb(255, 244, 178)	hsl(51, 100%, 85%)
Peach Bud	rgb(250, 179, 179)	hsl(0, 88%, 84%)
Pig Pink	rgb(251, 215, 232)	hsl(332, 82%, 91%)
Smell the Mint	rgb(189, 251, 209)	hsl(139, 89%, 86%)

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

/* Ivory Buff to Smell the Mint — https://swatchly.xyz/palette/e7dc9a-fff4b2-fab3b3-fbd7e8-bdfbd1 */
:root {
  --ivory-buff: #e7dc9a;
  --glowlight: #fff4b2;
  --peach-bud: #fab3b3;
  --pig-pink: #fbd7e8;
  --smell-the-mint: #bdfbd1;
}

Tailwind CSS v4

/* Ivory Buff to Smell the Mint — https://swatchly.xyz/palette/e7dc9a-fff4b2-fab3b3-fbd7e8-bdfbd1 */
@theme {
  --color-ivory-buff: #e7dc9a;
  --color-ivory-buff-50: #fef8d5;
  --color-ivory-buff-100: #f5efc8;
  --color-ivory-buff-200: #e7dc9a;
  --color-ivory-buff-300: #cec58e;
  --color-ivory-buff-400: #afa568;
  --color-ivory-buff-500: #938949;
  --color-ivory-buff-600: #786d2f;
  --color-ivory-buff-700: #60561b;
  --color-ivory-buff-800: #4b430c;
  --color-ivory-buff-900: #3b3304;
  --color-ivory-buff-950: #251f01;
  --color-glowlight: #fff4b2;
  --color-glowlight-50: #fff4b2;
  --color-glowlight-100: #f1eac1;
  --color-glowlight-200: #dfd7a7;
  --color-glowlight-300: #cac18b;
  --color-glowlight-400: #aca266;
  --color-glowlight-500: #928748;
  --color-glowlight-600: #776d2f;
  --color-glowlight-700: #60561c;
  --color-glowlight-800: #4b430d;
  --color-glowlight-900: #3a3305;
  --color-glowlight-950: #251f01;
  --color-peach-bud: #fab3b3;
  --color-peach-bud-50: #fff7f7;
  --color-peach-bud-100: #ffebea;
  --color-peach-bud-200: #ffd1d0;
  --color-peach-bud-300: #fab3b3;
  --color-peach-bud-400: #d59494;
  --color-peach-bud-500: #b87677;
  --color-peach-bud-600: #995b5c;
  --color-peach-bud-700: #7d4546;
  --color-peach-bud-800: #643334;
  --color-peach-bud-900: #4e2526;
  --color-peach-bud-950: #321516;
  --color-pig-pink: #fbd7e8;
  --color-pig-pink-50: #fde7f1;
  --color-pig-pink-100: #fbd7e8;
  --color-pig-pink-200: #e3c8d5;
  --color-pig-pink-300: #d0b2c0;
  --color-pig-pink-400: #b393a2;
  --color-pig-pink-500: #997988;
  --color-pig-pink-600: #7f606f;
  --color-pig-pink-700: #674c59;
  --color-pig-pink-800: #523a46;
  --color-pig-pink-900: #402c36;
  --color-pig-pink-950: #291a21;
  --color-smell-the-mint: #bdfbd1;
  --color-smell-the-mint-50: #dcfee6;
  --color-smell-the-mint-100: #bdfbd1;
  --color-smell-the-mint-200: #b6e3c4;
  --color-smell-the-mint-300: #9bceac;
  --color-smell-the-mint-400: #77b08a;
  --color-smell-the-mint-500: #5a956f;
  --color-smell-the-mint-600: #417a56;
  --color-smell-the-mint-700: #2d6242;
  --color-smell-the-mint-800: #1e4d31;
  --color-smell-the-mint-900: #133c24;
  --color-smell-the-mint-950: #082615;
}