Mint Bliss to PCB Green Color Palette

About this palette

Mint Bliss to PCB Green is a 5-color cool, earthy, gradient palette: #92FFB8 (Mint Bliss), #6ACEBB (Patina), #7A9028 (Asparagus Sultan), #4A5200 (Godzilla), #002706 (PCB Green). It mixes green, turquoise tones and feels cool overall. The strongest text pairing is #92FFB8 on #002706 with a contrast ratio of 13.32:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Mint Bliss	rgb(146, 255, 184)	hsl(141, 100%, 79%)
Patina	rgb(106, 206, 187)	hsl(169, 51%, 61%)
Asparagus Sultan	rgb(122, 144, 40)	hsl(73, 57%, 36%)
Godzilla	rgb(74, 82, 0)	hsl(66, 100%, 16%)
PCB Green	rgb(0, 39, 6)	hsl(129, 100%, 8%)

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.

Aa13.32:1 Super#92FFB8 on #002706
Aa13.32:1 Super#002706 on #92FFB8
Aa8.63:1 Very good#6ACEBB on #002706
Aa8.63:1 Very good#002706 on #6ACEBB
Aa6.89:1 Good#92FFB8 on #4A5200
Aa6.89:1 Good#4A5200 on #92FFB8
Aa4.52:1 Good#7A9028 on #002706
Aa4.52:1 Good#002706 on #7A9028

Color blindness preview

CSS variables

/* Mint Bliss to PCB Green — https://swatchly.xyz/palette/92ffb8-6acebb-7a9028-4a5200-002706 */
:root {
  --mint-bliss: #92ffb8;
  --patina: #6acebb;
  --asparagus-sultan: #7a9028;
  --godzilla: #4a5200;
  --pcb-green: #002706;
}

Tailwind CSS v4

/* Mint Bliss to PCB Green — https://swatchly.xyz/palette/92ffb8-6acebb-7a9028-4a5200-002706 */
@theme {
  --color-mint-bliss: #92ffb8;
  --color-mint-bliss-50: #c5ffd7;
  --color-mint-bliss-100: #92ffb8;
  --color-mint-bliss-200: #96e7b0;
  --color-mint-bliss-300: #77d397;
  --color-mint-bliss-400: #4cb676;
  --color-mint-bliss-500: #259c5b;
  --color-mint-bliss-600: #008045;
  --color-mint-bliss-700: #006736;
  --color-mint-bliss-800: #005029;
  --color-mint-bliss-900: #003e1f;
  --color-mint-bliss-950: #002711;
  --color-patina: #6acebb;
  --color-patina-50: #c8fef2;
  --color-patina-100: #b7f5e7;
  --color-patina-200: #98e2d2;
  --color-patina-300: #6acebb;
  --color-patina-400: #4daf9d;
  --color-patina-500: #289483;
  --color-patina-600: #007a6a;
  --color-patina-700: #006154;
  --color-patina-800: #004d42;
  --color-patina-900: #003c34;
  --color-patina-950: #002620;
  --color-asparagus-sultan: #7a9028;
  --color-asparagus-sultan-50: #eefdc7;
  --color-asparagus-sultan-100: #e3f4b7;
  --color-asparagus-sultan-200: #cde199;
  --color-asparagus-sultan-300: #b6cb78;
  --color-asparagus-sultan-400: #95ac4c;
  --color-asparagus-sultan-500: #7a9028;
  --color-asparagus-sultan-600: #617500;
  --color-asparagus-sultan-700: #4c5d00;
  --color-asparagus-sultan-800: #3b4800;
  --color-asparagus-sultan-900: #2d3800;
  --color-asparagus-sultan-950: #1b2300;
  --color-godzilla: #4a5200;
  --color-godzilla-50: #f3fad3;
  --color-godzilla-100: #e9f1c4;
  --color-godzilla-200: #d3dca6;
  --color-godzilla-300: #bac587;
  --color-godzilla-400: #99a45f;
  --color-godzilla-500: #7d8740;
  --color-godzilla-600: #616a26;
  --color-godzilla-700: #4a5200;
  --color-godzilla-800: #394006;
  --color-godzilla-900: #2c3101;
  --color-godzilla-950: #1a1e00;
  --color-pcb-green: #002706;
  --color-pcb-green-50: #e5fde5;
  --color-pcb-green-100: #d9f4da;
  --color-pcb-green-200: #c2e2c3;
  --color-pcb-green-300: #a8cca9;
  --color-pcb-green-400: #86ae88;
  --color-pcb-green-500: #6a926c;
  --color-pcb-green-600: #507752;
  --color-pcb-green-700: #3c5f3e;
  --color-pcb-green-800: #2c4b2e;
  --color-pcb-green-900: #1f3a21;
  --color-pcb-green-950: #002706;
}