Sign Up Sign Up
HarshGreens

HarshGreens

4-color palette · Neutral · Dark · Monochromatic harmony

Back to Library

HarshGreens

4-color palette · Neutral temperature · Dark tone · Monochromatic harmony

Modify
Vibrant 4 colors Neutral Dark Monochromatic artist gameboy wildleoknight wildleoknightgameboy
Likes 40
Colors 4

CSS variables

:root {
  --c-vibrant-1: #BEEB71;
  --c-vibrant-2: #6AB417;
  --c-vibrant-3: #376D03;
  --c-vibrant-4: #172808;
}

About this palette

This 4-color vibrant palette runs from Pisco Sour (#BEEB71) as its lightest tone to Lindworm Green (#172808) as its darkest. It blends Pisco Sour, Extra Life, Tatzelwurm Green and Lindworm Green into a single set you can drop straight into a UI. Of its 6 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #BEEB71 on #172808 at 11.4:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Pisco Sour #BEEB71
RGB
rgb(190, 235, 113)
HSL
hsl(82, 75%, 68%)
Luminance
0.716
Extra Life #6AB417
RGB
rgb(106, 180, 23)
HSL
hsl(88, 77%, 40%)
Luminance
0.358
Tatzelwurm Green #376D03
RGB
rgb(55, 109, 3)
HSL
hsl(91, 95%, 22%)
Luminance
0.118
Lindworm Green #172808
RGB
rgb(23, 40, 8)
HSL
hsl(92, 67%, 9%)
Luminance
0.017

Contrast & accessibility

3 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #BEEB71 on #172808 11.40:1 AAA
Aa #6AB417 on #172808 6.07:1 AA
Aa #BEEB71 on #376D03 4.57:1 AA
Aa #376D03 on #172808 2.49:1 Fail
Aa #6AB417 on #376D03 2.43:1 Fail
Aa #BEEB71 on #6AB417 1.88:1 Fail

Similar palettes

#000000 #3E065F #700B97 #8E05C2
4 colors
#000000 #150050 #3F0071 #FB2576
4 colors
#000000 #3E432E #616F39 #A7D129
4 colors
#4B5D67 #322F3D #59405C #87556F
4 colors
#18230F #27391C #255F38 #1F7D53
4 colors
#FF5200 #6F0000 #00263B #00A1AB
4 colors
#000000 #0F6292 #16FF00 #FFED00
4 colors
#251D3A #2A2550 #E04D01 #FF7700
4 colors