Home Color Palettes 4-Color Greenivorous Palette

4-Color Greenivorous Palette

4-color palette · Cool · Dark · Triadic harmony

Back to Library

4-Color Greenivorous Palette

4-color palette · Cool temperature · Dark tone · Triadic harmony

Modify

Muted 4 colors Cool Dark Triadic

Likes 3,740

Colors 4

CSS variables

:root {
  --c-muted-1: #C6DE41;
  --c-muted-2: #2D6E7E;
  --c-muted-3: #153B44;
  --c-muted-4: #071C21;
}

About this palette

This 4-color muted palette runs from Greenivorous (#C6DE41) as its lightest tone to Creeping Death (#071C21) as its darkest. It blends Greenivorous, Tlāloc Blue, Ghostlands Coal and Creeping Death into a single set you can drop straight into a UI. Of its 6 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #C6DE41 on #071C21 at 11.63:1.

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

Color breakdown

Greenivorous #C6DE41

RGB: rgb(198, 222, 65)
HSL: hsl(69, 70%, 56%)
Luminance: 0.646

Tlāloc Blue #2D6E7E

RGB: rgb(45, 110, 126)
HSL: hsl(192, 47%, 34%)
Luminance: 0.132

Ghostlands Coal #153B44

RGB: rgb(21, 59, 68)
HSL: hsl(191, 53%, 17%)
Luminance: 0.037

Creeping Death #071C21

RGB: rgb(7, 28, 33)
HSL: hsl(192, 65%, 8%)
Luminance: 0.010

Contrast & accessibility

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

Aa #C6DE41 on #071C21 11.63:1 AAA

Aa #C6DE41 on #153B44 8.00:1 AAA

Aa #C6DE41 on #2D6E7E 3.82:1 AA Large

Aa #2D6E7E on #071C21 3.04:1 AA Large

Aa #2D6E7E on #153B44 2.09:1 Fail

Aa #153B44 on #071C21 1.45:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC

4 colors

#0A2647 #144272 #205295 #2C74B3

4 colors

#040D12 #183D3D #5C8374 #93B1A6

4 colors

#142850 #27496D #0C7B93 #00A8CC

4 colors

#635985 #443C68 #393053 #18122B

4 colors

#000000 #150050 #3F0071 #610094

4 colors

#151515 #301B3F #3C415C #B4A5A5

4 colors

#041C32 #04293A #064663 #ECB365

4 colors