Reading Tea Leaves to Dripping Wisteria color palette

7A5E63Reading Tea Leaves 573D42Monkey Island F5D5E8Lovely Breeze 9F857CEarthbound BB9BB8Dripping Wisteria

Open in generator Export PNG, PDF, ASE…

About this palette

Reading Tea Leaves to Dripping Wisteria is a 5-color muted, warm, vintage palette: #7A5E63 (Reading Tea Leaves), #573D42 (Monkey Island), #F5D5E8 (Lovely Breeze), #9F857C (Earthbound), #BB9BB8 (Dripping Wisteria). It mixes red, pink, gray tones and feels warm overall. The strongest text pairing is #573D42 on #F5D5E8 with a contrast ratio of 7.23:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Reading Tea Leaves	rgb(122, 94, 99)	hsl(349, 13%, 42%)
Monkey Island	rgb(87, 61, 66)	hsl(348, 18%, 29%)
Lovely Breeze	rgb(245, 213, 232)	hsl(324, 62%, 90%)
Earthbound	rgb(159, 133, 124)	hsl(15, 15%, 55%)
Dripping Wisteria	rgb(187, 155, 184)	hsl(306, 19%, 67%)

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.

Aa7.23:1 Very good#573D42 on #F5D5E8
Aa7.23:1 Very good#F5D5E8 on #573D42
Aa4.31:1 Poor#7A5E63 on #F5D5E8
Aa4.31:1 Poor#F5D5E8 on #7A5E63
Aa3.95:1 Poor#573D42 on #BB9BB8
Aa3.95:1 Poor#BB9BB8 on #573D42

Color blindness preview

CSS variables

/* Reading Tea Leaves to Dripping Wisteria — https://swatchly.xyz/palette/7a5e63-573d42-f5d5e8-9f857c-bb9bb8 */
:root {
  --reading-tea-leaves: #7a5e63;
  --monkey-island: #573d42;
  --lovely-breeze: #f5d5e8;
  --earthbound: #9f857c;
  --dripping-wisteria: #bb9bb8;
}

Tailwind CSS v4

/* Reading Tea Leaves to Dripping Wisteria — https://swatchly.xyz/palette/7a5e63-573d42-f5d5e8-9f857c-bb9bb8 */
@theme {
  --color-reading-tea-leaves: #7a5e63;
  --color-reading-tea-leaves-50: #fff1f3;
  --color-reading-tea-leaves-100: #f9e4e7;
  --color-reading-tea-leaves-200: #e7ced2;
  --color-reading-tea-leaves-300: #d1b6ba;
  --color-reading-tea-leaves-400: #b3959a;
  --color-reading-tea-leaves-500: #96797e;
  --color-reading-tea-leaves-600: #7a5e63;
  --color-reading-tea-leaves-700: #624a4e;
  --color-reading-tea-leaves-800: #4e393c;
  --color-reading-tea-leaves-900: #3d2b2e;
  --color-reading-tea-leaves-950: #271a1c;
  --color-monkey-island: #573d42;
  --color-monkey-island-50: #fff1f3;
  --color-monkey-island-100: #fae5e9;
  --color-monkey-island-200: #e9d0d4;
  --color-monkey-island-300: #d5b9be;
  --color-monkey-island-400: #b79a9f;
  --color-monkey-island-500: #9c7f84;
  --color-monkey-island-600: #81656a;
  --color-monkey-island-700: #695055;
  --color-monkey-island-800: #573d42;
  --color-monkey-island-900: #422f33;
  --color-monkey-island-950: #2a1d1f;
  --color-lovely-breeze: #f5d5e8;
  --color-lovely-breeze-50: #fff9fc;
  --color-lovely-breeze-100: #ffecf7;
  --color-lovely-breeze-200: #f5d5e8;
  --color-lovely-breeze-300: #d9bfce;
  --color-lovely-breeze-400: #ba9dae;
  --color-lovely-breeze-500: #9d8091;
  --color-lovely-breeze-600: #806575;
  --color-lovely-breeze-700: #674e5d;
  --color-lovely-breeze-800: #503b48;
  --color-lovely-breeze-900: #3e2c38;
  --color-lovely-breeze-950: #281b23;
  --color-earthbound: #9f857c;
  --color-earthbound-50: #fff3ef;
  --color-earthbound-100: #fae9e3;
  --color-earthbound-200: #ead5ce;
  --color-earthbound-300: #d6bfb7;
  --color-earthbound-400: #b9a097;
  --color-earthbound-500: #9f857c;
  --color-earthbound-600: #826a61;
  --color-earthbound-700: #69534b;
  --color-earthbound-800: #534039;
  --color-earthbound-900: #40302a;
  --color-earthbound-950: #291d19;
  --color-dripping-wisteria: #bb9bb8;
  --color-dripping-wisteria-50: #fff3fe;
  --color-dripping-wisteria-100: #fbe7f9;
  --color-dripping-wisteria-200: #ebd2e8;
  --color-dripping-wisteria-300: #d7bbd4;
  --color-dripping-wisteria-400: #bb9bb8;
  --color-dripping-wisteria-500: #9e7f9b;
  --color-dripping-wisteria-600: #81647f;
  --color-dripping-wisteria-700: #684d66;
  --color-dripping-wisteria-800: #523b50;
  --color-dripping-wisteria-900: #3f2c3e;
  --color-dripping-wisteria-950: #281a27;
}