Moss Color Palette

A deep moss palette with rich green-brown tones. Ideal for botanical brands, garden centers, and natural skincare.

Dark Moss

HEX: #2d3a1e

RGB: rgb(45, 58, 30)

HSL: hsl(88, 32%, 17%)

Deep Moss

HEX: #43522d

RGB: rgb(67, 82, 45)

HSL: hsl(84, 29%, 25%)

Moss

HEX: #5a6b3c

RGB: rgb(90, 107, 60)

HSL: hsl(82, 28%, 33%)

Light Moss

HEX: #859a62

RGB: rgb(133, 154, 98)

HSL: hsl(82, 22%, 49%)

Moss Wash

HEX: #bbc9a4

RGB: rgb(187, 201, 164)

HSL: hsl(83, 26%, 72%)

CSS Variables

:root {
  --moss-1: #2d3a1e;
  --moss-2: #43522d;
  --moss-3: #5a6b3c;
  --moss-4: #859a62;
  --moss-5: #bbc9a4;
}

Tailwind CSS Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'moss': {
          '100': '#2d3a1e',
          '200': '#43522d',
          '300': '#5a6b3c',
          '400': '#859a62',
          '500': '#bbc9a4',
        },
      },
    },
  },
}