Hunter

Traditional and steadfast — hunter green carries the legacy of English countryside and tailored craftsmanship.

Shades 11

Base #355e3b

RGB 53, 94, 59

100

200

300

400

500

600

700

800

All Hunter Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --hunter-50: #f0f8f1;
  --hunter-100: #d8eedb;
  --hunter-200: #b0dcb7;
  --hunter-300: #82c48c;
  --hunter-400: #55a461;
  --hunter-500: #355e3b;
  --hunter-600: #294b2e;
  --hunter-700: #1f3922;
  --hunter-800: #152818;
  --hunter-900: #0c180e;
  --hunter-950: #060c07;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        hunter: {
          50: '#f0f8f1',
          100: '#d8eedb',
          200: '#b0dcb7',
          300: '#82c48c',
          400: '#55a461',
          500: '#355e3b',
          600: '#294b2e',
          700: '#1f3922',
          800: '#152818',
          900: '#0c180e',
          950: '#060c07',
        },
      },
    },
  },
};

SCSS Map

$hunter-palette: (
  50: #f0f8f1,
  100: #d8eedb,
  200: #b0dcb7,
  300: #82c48c,
  400: #55a461,
  500: #355e3b,
  600: #294b2e,
  700: #1f3922,
  800: #152818,
  900: #0c180e,
  950: #060c07,
);