Forest Green Color Palette

A lush forest green palette evoking dense woodlands. Ideal for eco-friendly, nature, and organic brands.

Deep Forest

HEX: #1b4332

RGB: rgb(27, 67, 50)

HSL: hsl(155, 43%, 18%)

Forest Green

HEX: #2d6a4f

RGB: rgb(45, 106, 79)

HSL: hsl(153, 40%, 30%)

Woodland

HEX: #40916c

RGB: rgb(64, 145, 108)

HSL: hsl(153, 39%, 41%)

Canopy

HEX: #52b788

RGB: rgb(82, 183, 136)

HSL: hsl(152, 41%, 52%)

Leaf Light

HEX: #95d5b2

RGB: rgb(149, 213, 178)

HSL: hsl(147, 43%, 71%)

CSS Variables

:root {
  --forest-green-1: #1b4332;
  --forest-green-2: #2d6a4f;
  --forest-green-3: #40916c;
  --forest-green-4: #52b788;
  --forest-green-5: #95d5b2;
}

Tailwind CSS Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'forest-green': {
          '100': '#1b4332',
          '200': '#2d6a4f',
          '300': '#40916c',
          '400': '#52b788',
          '500': '#95d5b2',
        },
      },
    },
  },
}