PCB Green to Alpine Expedition color palette

002907PCB Green 00594BEvergreen 189F00Herbalist’s Garden 00D1AEPristine Oceanic 96F1FFAlpine Expedition

Open in generator Export PNG, PDF, ASE…

About this palette

PCB Green to Alpine Expedition is a 5-color cool, gradient palette: #002907 (PCB Green), #00594B (Evergreen), #189F00 (Herbalist’s Garden), #00D1AE (Pristine Oceanic), #96F1FF (Alpine Expedition). It mixes green, turquoise tones and feels cool overall. The strongest text pairing is #002907 on #96F1FF with a contrast ratio of 12.36:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
PCB Green	rgb(0, 41, 7)	hsl(130, 100%, 8%)
Evergreen	rgb(0, 89, 75)	hsl(171, 100%, 17%)
Herbalist’s Garden	rgb(24, 159, 0)	hsl(111, 100%, 31%)
Pristine Oceanic	rgb(0, 209, 174)	hsl(170, 100%, 41%)
Alpine Expedition	rgb(150, 241, 255)	hsl(188, 100%, 79%)

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.36:1 Super#002907 on #96F1FF
Aa12.36:1 Super#96F1FF on #002907
Aa8.13:1 Very good#002907 on #00D1AE
Aa8.13:1 Very good#00D1AE on #002907
Aa6.45:1 Good#00594B on #96F1FF
Aa6.45:1 Good#96F1FF on #00594B
Aa4.54:1 Good#002907 on #189F00
Aa4.54:1 Good#189F00 on #002907

Color blindness preview

CSS variables

/* PCB Green to Alpine Expedition — https://swatchly.xyz/palette/002907-00594b-189f00-00d1ae-96f1ff */
:root {
  --pcb-green: #002907;
  --evergreen: #00594b;
  --herbalist-s-garden: #189f00;
  --pristine-oceanic: #00d1ae;
  --alpine-expedition: #96f1ff;
}

Tailwind CSS v4

/* PCB Green to Alpine Expedition — https://swatchly.xyz/palette/002907-00594b-189f00-00d1ae-96f1ff */
@theme {
  --color-pcb-green: #002907;
  --color-pcb-green-50: #e4fde5;
  --color-pcb-green-100: #d8f4d9;
  --color-pcb-green-200: #c1e2c2;
  --color-pcb-green-300: #a7cda9;
  --color-pcb-green-400: #85ae87;
  --color-pcb-green-500: #69936c;
  --color-pcb-green-600: #507852;
  --color-pcb-green-700: #3c603e;
  --color-pcb-green-800: #2c4c2e;
  --color-pcb-green-900: #203b22;
  --color-pcb-green-950: #002907;
  --color-evergreen: #00594b;
  --color-evergreen-50: #d9fff5;
  --color-evergreen-100: #cbf6eb;
  --color-evergreen-200: #b0e4d7;
  --color-evergreen-300: #95d1c2;
  --color-evergreen-400: #71b4a4;
  --color-evergreen-500: #549b8b;
  --color-evergreen-600: #398172;
  --color-evergreen-700: #256b5d;
  --color-evergreen-800: #00594b;
  --color-evergreen-900: #08443a;
  --color-evergreen-950: #012c24;
  --color-herbalist-s-garden: #189f00;
  --color-herbalist-s-garden-50: #e0ffdc;
  --color-herbalist-s-garden-100: #bcffb4;
  --color-herbalist-s-garden-200: #9aef8f;
  --color-herbalist-s-garden-300: #77da6b;
  --color-herbalist-s-garden-400: #47bc3b;
  --color-herbalist-s-garden-500: #189f00;
  --color-herbalist-s-garden-600: #118000;
  --color-herbalist-s-garden-700: #0b6600;
  --color-herbalist-s-garden-800: #075000;
  --color-herbalist-s-garden-900: #043e00;
  --color-herbalist-s-garden-950: #012700;
  --color-pristine-oceanic: #00d1ae;
  --color-pristine-oceanic-50: #bbffeb;
  --color-pristine-oceanic-100: #98f8de;
  --color-pristine-oceanic-200: #6fe5c8;
  --color-pristine-oceanic-300: #00d1ae;
  --color-pristine-oceanic-400: #00b092;
  --color-pristine-oceanic-500: #00937a;
  --color-pristine-oceanic-600: #007762;
  --color-pristine-oceanic-700: #00604f;
  --color-pristine-oceanic-800: #004c3e;
  --color-pristine-oceanic-900: #003d31;
  --color-pristine-oceanic-950: #00261e;
  --color-alpine-expedition: #96f1ff;
  --color-alpine-expedition-50: #f2fdff;
  --color-alpine-expedition-100: #d8faff;
  --color-alpine-expedition-200: #96f1ff;
  --color-alpine-expedition-300: #8ed6e1;
  --color-alpine-expedition-400: #61b6c3;
  --color-alpine-expedition-500: #3b99a6;
  --color-alpine-expedition-600: #157c89;
  --color-alpine-expedition-700: #00626d;
  --color-alpine-expedition-800: #004c55;
  --color-alpine-expedition-900: #003a42;
  --color-alpine-expedition-950: #00252a;
}