Elite Teal to Strawberry Cheesecake color palette

163533Elite Teal CBA593Cashmere Clay 28696DPersian Mosaic B67990Prehistoric Pink FEDDE8Strawberry Cheesecake

Open in generator Export PNG, PDF, ASE…

About this palette

Elite Teal to Strawberry Cheesecake is a 5-color muted, warm, vintage palette: #163533 (Elite Teal), #CBA593 (Cashmere Clay), #28696D (Persian Mosaic), #B67990 (Prehistoric Pink), #FEDDE8 (Strawberry Cheesecake). It mixes turquoise, orange, pink tones and feels warm overall. The strongest text pairing is #163533 on #FEDDE8 with a contrast ratio of 10.51:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Elite Teal	rgb(22, 53, 51)	hsl(176, 41%, 15%)
Cashmere Clay	rgb(203, 165, 147)	hsl(19, 35%, 69%)
Persian Mosaic	rgb(40, 105, 109)	hsl(183, 46%, 29%)
Prehistoric Pink	rgb(182, 121, 144)	hsl(337, 29%, 59%)
Strawberry Cheesecake	rgb(254, 221, 232)	hsl(340, 94%, 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.

Aa10.51:1 Very good#163533 on #FEDDE8
Aa10.51:1 Very good#FEDDE8 on #163533
Aa5.87:1 Good#163533 on #CBA593
Aa5.87:1 Good#CBA593 on #163533
Aa5.02:1 Good#28696D on #FEDDE8
Aa5.02:1 Good#FEDDE8 on #28696D
Aa3.85:1 Poor#163533 on #B67990
Aa3.85:1 Poor#B67990 on #163533

Color blindness preview

CSS variables

/* Elite Teal to Strawberry Cheesecake — https://swatchly.xyz/palette/163533-cba593-28696d-b67990-fedde8 */
:root {
  --elite-teal: #163533;
  --cashmere-clay: #cba593;
  --persian-mosaic: #28696d;
  --prehistoric-pink: #b67990;
  --strawberry-cheesecake: #fedde8;
}

Tailwind CSS v4

/* Elite Teal to Strawberry Cheesecake — https://swatchly.xyz/palette/163533-cba593-28696d-b67990-fedde8 */
@theme {
  --color-elite-teal: #163533;
  --color-elite-teal-50: #e7faf8;
  --color-elite-teal-100: #dbf0ee;
  --color-elite-teal-200: #c4dedb;
  --color-elite-teal-300: #abc8c5;
  --color-elite-teal-400: #88a8a5;
  --color-elite-teal-500: #6b8c89;
  --color-elite-teal-600: #51716e;
  --color-elite-teal-700: #3c5956;
  --color-elite-teal-800: #2c4442;
  --color-elite-teal-900: #163533;
  --color-elite-teal-950: #111f1e;
  --color-cashmere-clay: #cba593;
  --color-cashmere-clay-50: #fff8f5;
  --color-cashmere-clay-100: #ffeee6;
  --color-cashmere-clay-200: #f6dacd;
  --color-cashmere-clay-300: #e4c4b6;
  --color-cashmere-clay-400: #cba593;
  --color-cashmere-clay-500: #ac8776;
  --color-cashmere-clay-600: #8e6b5a;
  --color-cashmere-clay-700: #725344;
  --color-cashmere-clay-800: #5a3f31;
  --color-cashmere-clay-900: #452e23;
  --color-cashmere-clay-950: #2b1b13;
  --color-persian-mosaic: #28696d;
  --color-persian-mosaic-50: #dafdff;
  --color-persian-mosaic-100: #cdf4f6;
  --color-persian-mosaic-200: #b5e3e6;
  --color-persian-mosaic-300: #9bcfd3;
  --color-persian-mosaic-400: #77b2b6;
  --color-persian-mosaic-500: #5a999d;
  --color-persian-mosaic-600: #407f83;
  --color-persian-mosaic-700: #28696d;
  --color-persian-mosaic-800: #1b5356;
  --color-persian-mosaic-900: #0e4043;
  --color-persian-mosaic-950: #04292b;
  --color-prehistoric-pink: #b67990;
  --color-prehistoric-pink-50: #fff3f7;
  --color-prehistoric-pink-100: #ffe7ef;
  --color-prehistoric-pink-200: #fdccdd;
  --color-prehistoric-pink-300: #ebb5c8;
  --color-prehistoric-pink-400: #d094aa;
  --color-prehistoric-pink-500: #b67990;
  --color-prehistoric-pink-600: #985e74;
  --color-prehistoric-pink-700: #7c475c;
  --color-prehistoric-pink-800: #633547;
  --color-prehistoric-pink-900: #4d2736;
  --color-prehistoric-pink-950: #321621;
  --color-strawberry-cheesecake: #fedde8;
  --color-strawberry-cheesecake-50: #ffecf2;
  --color-strawberry-cheesecake-100: #fedde8;
  --color-strawberry-cheesecake-200: #e5cdd5;
  --color-strawberry-cheesecake-300: #d1b6bf;
  --color-strawberry-cheesecake-400: #b496a0;
  --color-strawberry-cheesecake-500: #997c86;
  --color-strawberry-cheesecake-600: #7e626c;
  --color-strawberry-cheesecake-700: #664d56;
  --color-strawberry-cheesecake-800: #513b43;
  --color-strawberry-cheesecake-900: #3f2d33;
  --color-strawberry-cheesecake-950: #281b20;
}