Khaki

Military heritage and practical elegance — khaki endures across every era.

Shades 11

Base #c3b091

RGB 195, 176, 145

100

200

300

400

500

600

700

800

All Khaki Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --khaki-50: #faf8f4;
  --khaki-100: #f2ede3;
  --khaki-200: #e4dac6;
  --khaki-300: #d4c4a5;
  --khaki-400: #ccb99b;
  --khaki-500: #c3b091;
  --khaki-600: #a08d6c;
  --khaki-700: #7b6b4f;
  --khaki-800: #574a37;
  --khaki-900: #352d21;
  --khaki-950: #1a1610;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        khaki: {
          50: '#faf8f4',
          100: '#f2ede3',
          200: '#e4dac6',
          300: '#d4c4a5',
          400: '#ccb99b',
          500: '#c3b091',
          600: '#a08d6c',
          700: '#7b6b4f',
          800: '#574a37',
          900: '#352d21',
          950: '#1a1610',
        },
      },
    },
  },
};

SCSS Map

$khaki-palette: (
  50: #faf8f4,
  100: #f2ede3,
  200: #e4dac6,
  300: #d4c4a5,
  400: #ccb99b,
  500: #c3b091,
  600: #a08d6c,
  700: #7b6b4f,
  800: #574a37,
  900: #352d21,
  950: #1a1610,
);