Start generating

Mintnight to Passionate Plum color palette

78BEB7MintnightDEBBD3Creamy BerryEFF6DCFuton819971Money007367Pine Scented Lagoon763962Passionate Plum
Open in generator Export PNG, PDF, ASE…

About this palette

Mintnight to Passionate Plum is a 6-color palette: #78BEB7 (Mintnight), #DEBBD3 (Creamy Berry), #EFF6DC (Futon), #819971 (Money), #007367 (Pine Scented Lagoon), #763962 (Passionate Plum). It mixes turquoise, pink, white, green, red tones and feels cool overall. The strongest text pairing is #EFF6DC on #763962 with a contrast ratio of 7.46:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Mintnightrgb(120, 190, 183)hsl(174, 35%, 61%)
Creamy Berryrgb(222, 187, 211)hsl(319, 35%, 80%)
Futonrgb(239, 246, 220)hsl(76, 59%, 91%)
Moneyrgb(129, 153, 113)hsl(96, 16%, 52%)
Pine Scented Lagoonrgb(0, 115, 103)hsl(174, 100%, 23%)
Passionate Plumrgb(118, 57, 98)hsl(320, 35%, 34%)

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.46:1 Very good#EFF6DC on #763962
  • Aa7.46:1 Very good#763962 on #EFF6DC
  • Aa5.18:1 Good#EFF6DC on #007367
  • Aa5.18:1 Good#007367 on #EFF6DC
  • Aa4.80:1 Good#DEBBD3 on #763962
  • Aa4.80:1 Good#763962 on #DEBBD3
  • Aa3.89:1 Poor#78BEB7 on #763962
  • Aa3.89:1 Poor#763962 on #78BEB7

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Mintnight to Passionate Plum — https://swatchly.xyz/palette/78beb7-debbd3-eff6dc-819971-007367-763962 */
:root {
  --mintnight: #78beb7;
  --creamy-berry: #debbd3;
  --futon: #eff6dc;
  --money: #819971;
  --pine-scented-lagoon: #007367;
  --passionate-plum: #763962;
}

Tailwind CSS v4

/* Mintnight to Passionate Plum — https://swatchly.xyz/palette/78beb7-debbd3-eff6dc-819971-007367-763962 */
@theme {
  --color-mintnight: #78beb7;
  --color-mintnight-50: #ebfffc;
  --color-mintnight-100: #d5fcf7;
  --color-mintnight-200: #bdece7;
  --color-mintnight-300: #a2d9d3;
  --color-mintnight-400: #78beb7;
  --color-mintnight-500: #5a9f99;
  --color-mintnight-600: #3c827c;
  --color-mintnight-700: #246762;
  --color-mintnight-800: #12514c;
  --color-mintnight-900: #063d3a;
  --color-mintnight-950: #012523;
  --color-creamy-berry: #debbd3;
  --color-creamy-berry-50: #fff5fc;
  --color-creamy-berry-100: #fee8f7;
  --color-creamy-berry-200: #eed4e5;
  --color-creamy-berry-300: #debbd3;
  --color-creamy-berry-400: #bb9bb1;
  --color-creamy-berry-500: #9f7f95;
  --color-creamy-berry-600: #826479;
  --color-creamy-berry-700: #694d61;
  --color-creamy-berry-800: #533a4b;
  --color-creamy-berry-900: #402b3a;
  --color-creamy-berry-950: #281a24;
  --color-futon: #eff6dc;
  --color-futon-50: #eff6dc;
  --color-futon-100: #e7ebdb;
  --color-futon-200: #d3d8c5;
  --color-futon-300: #bdc3ad;
  --color-futon-400: #9ea48d;
  --color-futon-500: #838972;
  --color-futon-600: #696f59;
  --color-futon-700: #535844;
  --color-futon-800: #404533;
  --color-futon-900: #313526;
  --color-futon-950: #1e2116;
  --color-money: #819971;
  --color-money-50: #eefce5;
  --color-money-100: #e5f5db;
  --color-money-200: #d1e4c6;
  --color-money-300: #bbd0ad;
  --color-money-400: #9cb38c;
  --color-money-500: #819971;
  --color-money-600: #657c56;
  --color-money-700: #4e6340;
  --color-money-800: #3b4d2e;
  --color-money-900: #2c3b21;
  --color-money-950: #192412;
  --color-pine-scented-lagoon: #007367;
  --color-pine-scented-lagoon-50: #d7fff7;
  --color-pine-scented-lagoon-100: #c1f6ec;
  --color-pine-scented-lagoon-200: #a2e3d8;
  --color-pine-scented-lagoon-300: #81cdc0;
  --color-pine-scented-lagoon-400: #56ad9f;
  --color-pine-scented-lagoon-500: #329083;
  --color-pine-scented-lagoon-600: #007367;
  --color-pine-scented-lagoon-700: #005b51;
  --color-pine-scented-lagoon-800: #004840;
  --color-pine-scented-lagoon-900: #003831;
  --color-pine-scented-lagoon-950: #00231e;
  --color-passionate-plum: #763962;
  --color-passionate-plum-50: #fff0f9;
  --color-passionate-plum-100: #ffe1f3;
  --color-passionate-plum-200: #fac4e5;
  --color-passionate-plum-300: #e7aad0;
  --color-passionate-plum-400: #c987b1;
  --color-passionate-plum-500: #ad6b95;
  --color-passionate-plum-600: #8f5179;
  --color-passionate-plum-700: #763962;
  --color-passionate-plum-800: #5c2c4c;
  --color-passionate-plum-900: #49203b;
  --color-passionate-plum-950: #2f1225;
}

Similar palettes