Colors Palettes
All palettes

Forest Green

Beautiful Forest Green color palette.

Web Design 5 colors
#00AB68
#17B58E
#037041
#5FE7B3
#41C4A1

Every color in Forest Green

HEX, RGB and HSL codes with contrast ratings. Click to copy.

985 28
#00AB68
Primary
#00AB68 rgb(0, 171, 104) hsl(156, 100%, 34%)
On white 2.99:1 Fails On black 7.03:1 AAA
#17B58E
Secondary
#17B58E rgb(23, 181, 142) hsl(165, 77%, 40%)
On white 2.61:1 Fails On black 8.04:1 AAA
#037041
Accent
#037041 rgb(3, 112, 65) hsl(154, 95%, 23%)
On white 6.18:1 AA On black 3.40:1 AA large text
#5FE7B3
Background
#5FE7B3 rgb(95, 231, 179) hsl(157, 74%, 64%)
On white 1.55:1 Fails On black 13.57:1 AAA
#41C4A1
Text
#41C4A1 rgb(65, 196, 161) hsl(164, 53%, 51%)
On white 2.18:1 Fails On black 9.64:1 AAA

About the Forest Green palette

Forest Green has 5 colors in the Web Design category. Overall it reads as mid-tone and vivid, with an average lightness of 42% and an average saturation of 80%. The hues lean cool.

The strongest text and background pair is #037041 with #5FE7B3, at a contrast ratio of 3.99:1 (AA large text). No pair in this palette reaches 4.5:1, so add a very dark or very light neutral before you set body text with it.

Color harmony

Measured from this palette's real values.

Saturation
80%
Lightness
42%
Best contrast
4.0

Ideas for using it

  • Web design: use #00AB68 for buttons and links, and keep large areas to the lighter colors.
  • Mobile apps: check each color against white and black above before you use it for text or icons.
  • Brand identity: pick one or two colors as the core and keep the rest as support.
  • Presentations: use the mid-tone colors for backgrounds and the strongest contrast pair for titles.

Use it in your project

Copy this palette as CSS variables, or export it in another format.

:root {
  --color-1: #00AB68; /* Primary */
  --color-2: #17B58E; /* Secondary */
  --color-3: #037041; /* Accent */
  --color-4: #5FE7B3; /* Background */
  --color-5: #41C4A1; /* Text */
}