Olive Grove Color Palette

A warm olive palette evoking Mediterranean groves. Perfect for organic food, wine brands, and nature-inspired designs.

Dark Olive

HEX: #3d4025

RGB: rgb(61, 64, 37)

HSL: hsl(67, 27%, 20%)

Olive

HEX: #5e6438

RGB: rgb(94, 100, 56)

HSL: hsl(68, 28%, 31%)

Olive Grove

HEX: #808a4c

RGB: rgb(128, 138, 76)

HSL: hsl(70, 29%, 42%)

Light Olive

HEX: #a5ae73

RGB: rgb(165, 174, 115)

HSL: hsl(69, 27%, 57%)

Olive Wash

HEX: #d3d8b8

RGB: rgb(211, 216, 184)

HSL: hsl(69, 29%, 78%)

CSS Variables

:root {
  --olive-grove-1: #3d4025;
  --olive-grove-2: #5e6438;
  --olive-grove-3: #808a4c;
  --olive-grove-4: #a5ae73;
  --olive-grove-5: #d3d8b8;
}

Tailwind CSS Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'olive-grove': {
          '100': '#3d4025',
          '200': '#5e6438',
          '300': '#808a4c',
          '400': '#a5ae73',
          '500': '#d3d8b8',
        },
      },
    },
  },
}