Sign Up Sign Up
ST 8 Greenery

ST 8 Greenery

8-color palette · Neutral · Mixed · Analogous harmony

Back to Library

ST 8 Greenery

8-color palette · Neutral temperature · Mixed tone · Analogous harmony

Modify
Muted 8 colors Neutral Mixed Analogous green artist st8 plants
Likes 57
Colors 8

CSS variables

:root {
  --c-muted-1: #040D04;
  --c-muted-2: #11260B;
  --c-muted-3: #1D4010;
  --c-muted-4: #356614;
  --c-muted-5: #68991F;
  --c-muted-6: #B4CC52;
  --c-muted-7: #E4F285;
  --c-muted-8: #F1F2E6;
}

About this palette

This 8-color muted palette runs from Clear Yellow (#F1F2E6) as its lightest tone to Whiten’t (#040D04) as its darkest. It blends Whiten’t, Midnight Pines, Realm of the Underworld, Forest Empress, Elven Olympics, Forsythia Bud, Sunny Lime and Clear Yellow into a single set you can drop straight into a UI. Of its 28 color pairings, 13 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #040D04 on #F1F2E6 at 17.46:1.

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

Color breakdown

Whiten’t #040D04
RGB
rgb(4, 13, 4)
HSL
hsl(120, 53%, 3%)
Luminance
0.003
Midnight Pines #11260B
RGB
rgb(17, 38, 11)
HSL
hsl(107, 55%, 10%)
Luminance
0.015
Realm of the Underworld #1D4010
RGB
rgb(29, 64, 16)
HSL
hsl(104, 60%, 16%)
Luminance
0.040
Forest Empress #356614
RGB
rgb(53, 102, 20)
HSL
hsl(96, 67%, 24%)
Luminance
0.103
Elven Olympics #68991F
RGB
rgb(104, 153, 31)
HSL
hsl(84, 66%, 36%)
Luminance
0.258
Forsythia Bud #B4CC52
RGB
rgb(180, 204, 82)
HSL
hsl(72, 54%, 56%)
Luminance
0.535
Sunny Lime #E4F285
RGB
rgb(228, 242, 133)
HSL
hsl(68, 81%, 74%)
Luminance
0.817
Clear Yellow #F1F2E6
RGB
rgb(241, 242, 230)
HSL
hsl(65, 32%, 93%)
Luminance
0.879

Contrast & accessibility

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

Aa #040D04 on #F1F2E6 17.46:1 AAA
Aa #040D04 on #E4F285 16.29:1 AAA
Aa #11260B on #F1F2E6 14.23:1 AAA
Aa #11260B on #E4F285 13.28:1 AAA
Aa #040D04 on #B4CC52 10.99:1 AAA
Aa #1D4010 on #F1F2E6 10.36:1 AAA
Aa #1D4010 on #E4F285 9.67:1 AAA
Aa #11260B on #B4CC52 8.96:1 AAA
Aa #1D4010 on #B4CC52 6.52:1 AA
Aa #356614 on #F1F2E6 6.07:1 AA
Aa #040D04 on #68991F 5.79:1 AA
Aa #356614 on #E4F285 5.66:1 AA
Aa #11260B on #68991F 4.72:1 AA
Aa #356614 on #B4CC52 3.82:1 AA Large
Aa #1D4010 on #68991F 3.44:1 AA Large
Aa #68991F on #F1F2E6 3.01:1 AA Large
Aa #040D04 on #356614 2.88:1 Fail
Aa #68991F on #E4F285 2.81:1 Fail
Aa #11260B on #356614 2.34:1 Fail
Aa #356614 on #68991F 2.01:1 Fail
Aa #68991F on #B4CC52 1.90:1 Fail
Aa #1D4010 on #356614 1.71:1 Fail
Aa #040D04 on #1D4010 1.68:1 Fail
Aa #B4CC52 on #F1F2E6 1.59:1 Fail
Aa #B4CC52 on #E4F285 1.48:1 Fail
Aa #11260B on #1D4010 1.37:1 Fail
Aa #040D04 on #11260B 1.23:1 Fail
Aa #E4F285 on #F1F2E6 1.07:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors