Denim

Rugged and dependable — denim is worn-in confidence and everyday authenticity.

Shades 11

Base #1560bd

RGB 21, 96, 189

100

200

300

400

500

600

700

800

All Denim Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --denim-50: #f0f5ff;
  --denim-100: #dde8ff;
  --denim-200: #b8d0ff;
  --denim-300: #86b0fc;
  --denim-400: #4c84e8;
  --denim-500: #1560bd;
  --denim-600: #104d99;
  --denim-700: #0c3a73;
  --denim-800: #082852;
  --denim-900: #041632;
  --denim-950: #020b19;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        denim: {
          50: '#f0f5ff',
          100: '#dde8ff',
          200: '#b8d0ff',
          300: '#86b0fc',
          400: '#4c84e8',
          500: '#1560bd',
          600: '#104d99',
          700: '#0c3a73',
          800: '#082852',
          900: '#041632',
          950: '#020b19',
        },
      },
    },
  },
};

SCSS Map

$denim-palette: (
  50: #f0f5ff,
  100: #dde8ff,
  200: #b8d0ff,
  300: #86b0fc,
  400: #4c84e8,
  500: #1560bd,
  600: #104d99,
  700: #0c3a73,
  800: #082852,
  900: #041632,
  950: #020b19,
);