Start generating

Pollen to Bruised Plum color palette

E9EAA9PollenEDA5A7Calabrese00A99FTeal Me No Lies6646B4Ultrapurple Merge3B3C76Good Karma3E1D1FBruised Plum
Open in generator Export PNG, PDF, ASE…

About this palette

Pollen to Bruised Plum is a 6-color vintage palette: #E9EAA9 (Pollen), #EDA5A7 (Calabrese), #00A99F (Teal Me No Lies), #6646B4 (Ultrapurple Merge), #3B3C76 (Good Karma), #3E1D1F (Bruised Plum). It mixes yellow, pink, turquoise, purple, brown tones and feels balanced overall. The strongest text pairing is #E9EAA9 on #3E1D1F with a contrast ratio of 12.00:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Pollenrgb(233, 234, 169)hsl(61, 61%, 79%)
Calabresergb(237, 165, 167)hsl(358, 67%, 79%)
Teal Me No Liesrgb(0, 169, 159)hsl(176, 100%, 33%)
Ultrapurple Mergergb(102, 70, 180)hsl(257, 44%, 49%)
Good Karmargb(59, 60, 118)hsl(239, 33%, 35%)
Bruised Plumrgb(62, 29, 31)hsl(356, 36%, 18%)

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.

  • Aa12.00:1 Super#E9EAA9 on #3E1D1F
  • Aa12.00:1 Super#3E1D1F on #E9EAA9
  • Aa8.03:1 Very good#E9EAA9 on #3B3C76
  • Aa8.03:1 Very good#3B3C76 on #E9EAA9
  • Aa7.53:1 Very good#EDA5A7 on #3E1D1F
  • Aa7.53:1 Very good#3E1D1F on #EDA5A7
  • Aa5.42:1 Good#E9EAA9 on #6646B4
  • Aa5.42:1 Good#6646B4 on #E9EAA9

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Pollen to Bruised Plum — https://swatchly.xyz/palette/e9eaa9-eda5a7-00a99f-6646b4-3b3c76-3e1d1f */
:root {
  --pollen: #e9eaa9;
  --calabrese: #eda5a7;
  --teal-me-no-lies: #00a99f;
  --ultrapurple-merge: #6646b4;
  --good-karma: #3b3c76;
  --bruised-plum: #3e1d1f;
}

Tailwind CSS v4

/* Pollen to Bruised Plum — https://swatchly.xyz/palette/e9eaa9-eda5a7-00a99f-6646b4-3b3c76-3e1d1f */
@theme {
  --color-pollen: #e9eaa9;
  --color-pollen-50: #f2f3ce;
  --color-pollen-100: #e9eaa9;
  --color-pollen-200: #d5d6a6;
  --color-pollen-300: #c0c18a;
  --color-pollen-400: #a2a367;
  --color-pollen-500: #88884b;
  --color-pollen-600: #6f6f32;
  --color-pollen-700: #595820;
  --color-pollen-800: #464512;
  --color-pollen-900: #363509;
  --color-pollen-950: #212103;
  --color-calabrese: #eda5a7;
  --color-calabrese-50: #ffeded;
  --color-calabrese-100: #ffdede;
  --color-calabrese-200: #fbc2c3;
  --color-calabrese-300: #eda5a7;
  --color-calabrese-400: #cb888a;
  --color-calabrese-500: #b06d70;
  --color-calabrese-600: #935457;
  --color-calabrese-700: #794043;
  --color-calabrese-800: #623033;
  --color-calabrese-900: #4e2427;
  --color-calabrese-950: #331517;
  --color-teal-me-no-lies: #00a99f;
  --color-teal-me-no-lies-50: #e0fffb;
  --color-teal-me-no-lies-100: #bdfff7;
  --color-teal-me-no-lies-200: #9ef0e8;
  --color-teal-me-no-lies-300: #7cded4;
  --color-teal-me-no-lies-400: #4ac2b8;
  --color-teal-me-no-lies-500: #00a99f;
  --color-teal-me-no-lies-600: #008880;
  --color-teal-me-no-lies-700: #006c65;
  --color-teal-me-no-lies-800: #00544e;
  --color-teal-me-no-lies-900: #00403c;
  --color-teal-me-no-lies-950: #002724;
  --color-ultrapurple-merge: #6646b4;
  --color-ultrapurple-merge-50: #f5f3ff;
  --color-ultrapurple-merge-100: #ebe8ff;
  --color-ultrapurple-merge-200: #dad3ff;
  --color-ultrapurple-merge-300: #c6baff;
  --color-ultrapurple-merge-400: #ab93ff;
  --color-ultrapurple-merge-500: #9377e8;
  --color-ultrapurple-merge-600: #7a5dcc;
  --color-ultrapurple-merge-700: #6646b4;
  --color-ultrapurple-merge-800: #503492;
  --color-ultrapurple-merge-900: #3e2576;
  --color-ultrapurple-merge-950: #271450;
  --color-good-karma: #3b3c76;
  --color-good-karma-50: #f3f4ff;
  --color-good-karma-100: #e7eaff;
  --color-good-karma-200: #cfd4ff;
  --color-good-karma-300: #b6bcf6;
  --color-good-karma-400: #979cdb;
  --color-good-karma-500: #7c80c0;
  --color-good-karma-600: #6266a3;
  --color-good-karma-700: #4d5088;
  --color-good-karma-800: #3b3c76;
  --color-good-karma-900: #2d2f58;
  --color-good-karma-950: #1b1c3a;
  --color-bruised-plum: #3e1d1f;
  --color-bruised-plum-50: #fff1f1;
  --color-bruised-plum-100: #ffe4e4;
  --color-bruised-plum-200: #f0cece;
  --color-bruised-plum-300: #dcb6b7;
  --color-bruised-plum-400: #bf9696;
  --color-bruised-plum-500: #a57c7d;
  --color-bruised-plum-600: #8b6465;
  --color-bruised-plum-700: #735051;
  --color-bruised-plum-800: #5f3f40;
  --color-bruised-plum-900: #4e3233;
  --color-bruised-plum-950: #3e1d1f;
}

Similar palettes