Chutney to Grand Sunset color palette

99635CChutney 873737Planet of the Apes FFDDD6Pink Glitter E8B3ADPerfect Pink 53302CEspresso C98F86Grand Sunset

Open in generator Export PNG, PDF, ASE…

About this palette

Chutney to Grand Sunset is a 6-color warm, vintage, monochromatic palette: #99635C (Chutney), #873737 (Planet of the Apes), #FFDDD6 (Pink Glitter), #E8B3AD (Perfect Pink), #53302C (Espresso), #C98F86 (Grand Sunset). It mixes red, pink, brown tones and feels warm overall. The strongest text pairing is #FFDDD6 on #53302C with a contrast ratio of 9.07:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Chutney	rgb(153, 99, 92)	hsl(7, 25%, 48%)
Planet of the Apes	rgb(135, 55, 55)	hsl(0, 42%, 37%)
Pink Glitter	rgb(255, 221, 214)	hsl(10, 100%, 92%)
Perfect Pink	rgb(232, 179, 173)	hsl(6, 56%, 79%)
Espresso	rgb(83, 48, 44)	hsl(6, 31%, 25%)
Grand Sunset	rgb(201, 143, 134)	hsl(8, 38%, 66%)

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.07:1 Very good#FFDDD6 on #53302C
Aa9.07:1 Very good#53302C on #FFDDD6
Aa6.29:1 Good#873737 on #FFDDD6
Aa6.29:1 Good#FFDDD6 on #873737
Aa6.29:1 Good#E8B3AD on #53302C
Aa6.29:1 Good#53302C on #E8B3AD
Aa4.36:1 Poor#873737 on #E8B3AD
Aa4.36:1 Poor#E8B3AD on #873737

Color blindness preview

CSS variables

/* Chutney to Grand Sunset — https://swatchly.xyz/palette/99635c-873737-ffddd6-e8b3ad-53302c-c98f86 */
:root {
  --chutney: #99635c;
  --planet-of-the-apes: #873737;
  --pink-glitter: #ffddd6;
  --perfect-pink: #e8b3ad;
  --espresso: #53302c;
  --grand-sunset: #c98f86;
}

Tailwind CSS v4

/* Chutney to Grand Sunset — https://swatchly.xyz/palette/99635c-873737-ffddd6-e8b3ad-53302c-c98f86 */
@theme {
  --color-chutney: #99635c;
  --color-chutney-50: #fff2f0;
  --color-chutney-100: #ffe6e2;
  --color-chutney-200: #fbcec8;
  --color-chutney-300: #eab7b0;
  --color-chutney-400: #ce9790;
  --color-chutney-500: #b47c75;
  --color-chutney-600: #99635c;
  --color-chutney-700: #7d4c46;
  --color-chutney-800: #643a34;
  --color-chutney-900: #4f2b26;
  --color-chutney-950: #331916;
  --color-planet-of-the-apes: #873737;
  --color-planet-of-the-apes-50: #fff2f1;
  --color-planet-of-the-apes-100: #ffe4e2;
  --color-planet-of-the-apes-200: #ffc8c4;
  --color-planet-of-the-apes-300: #f8a9a4;
  --color-planet-of-the-apes-400: #db8682;
  --color-planet-of-the-apes-500: #bf6966;
  --color-planet-of-the-apes-600: #a04f4d;
  --color-planet-of-the-apes-700: #873737;
  --color-planet-of-the-apes-800: #6a2a2a;
  --color-planet-of-the-apes-900: #541e1e;
  --color-planet-of-the-apes-950: #371010;
  --color-pink-glitter: #ffddd6;
  --color-pink-glitter-50: #ffece8;
  --color-pink-glitter-100: #ffddd6;
  --color-pink-glitter-200: #e6ccc7;
  --color-pink-glitter-300: #d3b6b0;
  --color-pink-glitter-400: #b59791;
  --color-pink-glitter-500: #9b7c76;
  --color-pink-glitter-600: #80635d;
  --color-pink-glitter-700: #684e49;
  --color-pink-glitter-800: #533c38;
  --color-pink-glitter-900: #402d2a;
  --color-pink-glitter-950: #291b19;
  --color-perfect-pink: #e8b3ad;
  --color-perfect-pink-50: #fff2f1;
  --color-perfect-pink-100: #ffe5e2;
  --color-perfect-pink-200: #f6cdc9;
  --color-perfect-pink-300: #e8b3ad;
  --color-perfect-pink-400: #c5948f;
  --color-perfect-pink-500: #aa7873;
  --color-perfect-pink-600: #8d5e5a;
  --color-perfect-pink-700: #734945;
  --color-perfect-pink-800: #5c3734;
  --color-perfect-pink-900: #482926;
  --color-perfect-pink-950: #2e1816;
  --color-espresso: #53302c;
  --color-espresso-50: #fff2f0;
  --color-espresso-100: #ffe4e0;
  --color-espresso-200: #f0ceca;
  --color-espresso-300: #dbb5b0;
  --color-espresso-400: #bc938e;
  --color-espresso-500: #9f7671;
  --color-espresso-600: #815b57;
  --color-espresso-700: #664541;
  --color-espresso-800: #53302c;
  --color-espresso-900: #3d2623;
  --color-espresso-950: #261614;
  --color-grand-sunset: #c98f86;
  --color-grand-sunset-50: #fff1ee;
  --color-grand-sunset-100: #ffe3de;
  --color-grand-sunset-200: #f8cac2;
  --color-grand-sunset-300: #e5b1a9;
  --color-grand-sunset-400: #c98f86;
  --color-grand-sunset-500: #ac746c;
  --color-grand-sunset-600: #8f5b53;
  --color-grand-sunset-700: #75463f;
  --color-grand-sunset-800: #5e352f;
  --color-grand-sunset-900: #4a2723;
  --color-grand-sunset-950: #301714;
}