Start generating

Monster Monstera to Blackberry Yoghurt color palette

2D8353Monster Monstera784C49Veil of CinderC198B8Dripping Wisteria014147Rich BlackFFE4DBSlightly in LoveE2B6DCBlackberry Yoghurt
Open in generator Export PNG, PDF, ASE…

About this palette

Monster Monstera to Blackberry Yoghurt is a 6-color vintage palette: #2D8353 (Monster Monstera), #784C49 (Veil of Cinder), #C198B8 (Dripping Wisteria), #014147 (Rich Black), #FFE4DB (Slightly in Love), #E2B6DC (Blackberry Yoghurt). It mixes green, red, pink, turquoise, white tones and feels warm overall. The strongest text pairing is #014147 on #FFE4DB with a contrast ratio of 9.40:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Monster Monsterargb(45, 131, 83)hsl(147, 49%, 35%)
Veil of Cinderrgb(120, 76, 73)hsl(4, 24%, 38%)
Dripping Wisteriargb(193, 152, 184)hsl(313, 25%, 68%)
Rich Blackrgb(1, 65, 71)hsl(185, 97%, 14%)
Slightly in Lovergb(255, 228, 219)hsl(15, 100%, 93%)
Blackberry Yoghurtrgb(226, 182, 220)hsl(308, 43%, 80%)

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.40:1 Very good#014147 on #FFE4DB
  • Aa9.40:1 Very good#FFE4DB on #014147
  • Aa6.47:1 Good#014147 on #E2B6DC
  • Aa6.47:1 Good#E2B6DC on #014147
  • Aa5.93:1 Good#784C49 on #FFE4DB
  • Aa5.93:1 Good#FFE4DB on #784C49
  • Aa4.57:1 Good#C198B8 on #014147
  • Aa4.57:1 Good#014147 on #C198B8

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Monster Monstera to Blackberry Yoghurt — https://swatchly.xyz/palette/2d8353-784c49-c198b8-014147-ffe4db-e2b6dc */
:root {
  --monster-monstera: #2d8353;
  --veil-of-cinder: #784c49;
  --dripping-wisteria: #c198b8;
  --rich-black: #014147;
  --slightly-in-love: #ffe4db;
  --blackberry-yoghurt: #e2b6dc;
}

Tailwind CSS v4

/* Monster Monstera to Blackberry Yoghurt — https://swatchly.xyz/palette/2d8353-784c49-c198b8-014147-ffe4db-e2b6dc */
@theme {
  --color-monster-monstera: #2d8353;
  --color-monster-monstera-50: #deffe8;
  --color-monster-monstera-100: #c9fad9;
  --color-monster-monstera-200: #aeeac2;
  --color-monster-monstera-300: #91d6a9;
  --color-monster-monstera-400: #6ab988;
  --color-monster-monstera-500: #4b9e6c;
  --color-monster-monstera-600: #2d8353;
  --color-monster-monstera-700: #15693e;
  --color-monster-monstera-800: #02532e;
  --color-monster-monstera-900: #004022;
  --color-monster-monstera-950: #002913;
  --color-veil-of-cinder: #784c49;
  --color-veil-of-cinder-50: #fff2f0;
  --color-veil-of-cinder-100: #ffe4e1;
  --color-veil-of-cinder-200: #f5ceca;
  --color-veil-of-cinder-300: #e2b6b3;
  --color-veil-of-cinder-400: #c69692;
  --color-veil-of-cinder-500: #ab7b78;
  --color-veil-of-cinder-600: #8f625f;
  --color-veil-of-cinder-700: #784c49;
  --color-veil-of-cinder-800: #5f3b38;
  --color-veil-of-cinder-900: #4b2c2a;
  --color-veil-of-cinder-950: #301a19;
  --color-dripping-wisteria: #c198b8;
  --color-dripping-wisteria-50: #fff3fc;
  --color-dripping-wisteria-100: #ffe5f9;
  --color-dripping-wisteria-200: #f0d0e8;
  --color-dripping-wisteria-300: #dcb9d4;
  --color-dripping-wisteria-400: #c198b8;
  --color-dripping-wisteria-500: #a37c9b;
  --color-dripping-wisteria-600: #87617f;
  --color-dripping-wisteria-700: #6d4b66;
  --color-dripping-wisteria-800: #563950;
  --color-dripping-wisteria-900: #432a3e;
  --color-dripping-wisteria-950: #2a1827;
  --color-rich-black: #014147;
  --color-rich-black-50: #dffcff;
  --color-rich-black-100: #d1f3f7;
  --color-rich-black-200: #b7e0e5;
  --color-rich-black-300: #9ccbd0;
  --color-rich-black-400: #79adb3;
  --color-rich-black-500: #5d9399;
  --color-rich-black-600: #44797f;
  --color-rich-black-700: #306268;
  --color-rich-black-800: #224f54;
  --color-rich-black-900: #014147;
  --color-rich-black-950: #0a292c;
  --color-slightly-in-love: #ffe4db;
  --color-slightly-in-love-50: #fff1ed;
  --color-slightly-in-love-100: #ffe4db;
  --color-slightly-in-love-200: #e6d2cc;
  --color-slightly-in-love-300: #d1bbb4;
  --color-slightly-in-love-400: #b39b93;
  --color-slightly-in-love-500: #988078;
  --color-slightly-in-love-600: #7d665e;
  --color-slightly-in-love-700: #645049;
  --color-slightly-in-love-800: #4f3e38;
  --color-slightly-in-love-900: #3e2f2a;
  --color-slightly-in-love-950: #271c19;
  --color-blackberry-yoghurt: #e2b6dc;
  --color-blackberry-yoghurt-50: #fff4fd;
  --color-blackberry-yoghurt-100: #ffe6fb;
  --color-blackberry-yoghurt-200: #f1d0ec;
  --color-blackberry-yoghurt-300: #e2b6dc;
  --color-blackberry-yoghurt-400: #bf97ba;
  --color-blackberry-yoghurt-500: #a37a9e;
  --color-blackberry-yoghurt-600: #865f81;
  --color-blackberry-yoghurt-700: #6c4968;
  --color-blackberry-yoghurt-800: #563752;
  --color-blackberry-yoghurt-900: #42293f;
  --color-blackberry-yoghurt-950: #2a1828;
}

Similar palettes