Sienna

The artist's earth — sienna has coloured paintings and pottery for centuries with its warm, iron-rich glow.

Shades 11

Base #a0522d

RGB 160, 82, 45

100

200

300

400

500

600

700

800

All Sienna Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --sienna-50: #fef6f1;
  --sienna-100: #fde4d3;
  --sienna-200: #fac8a7;
  --sienna-300: #f5a373;
  --sienna-400: #e07843;
  --sienna-500: #a0522d;
  --sienna-600: #834222;
  --sienna-700: #633219;
  --sienna-800: #452311;
  --sienna-900: #2a1509;
  --sienna-950: #150a04;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        sienna: {
          50: '#fef6f1',
          100: '#fde4d3',
          200: '#fac8a7',
          300: '#f5a373',
          400: '#e07843',
          500: '#a0522d',
          600: '#834222',
          700: '#633219',
          800: '#452311',
          900: '#2a1509',
          950: '#150a04',
        },
      },
    },
  },
};

SCSS Map

$sienna-palette: (
  50: #fef6f1,
  100: #fde4d3,
  200: #fac8a7,
  300: #f5a373,
  400: #e07843,
  500: #a0522d,
  600: #834222,
  700: #633219,
  800: #452311,
  900: #2a1509,
  950: #150a04,
);