Copper Color Palette

A metallic-inspired copper palette conveying warmth and craftsmanship. Ideal for breweries, jewelry, and premium brands.

Dark Copper

HEX: #6a3e1a

RGB: rgb(106, 62, 26)

HSL: hsl(27, 61%, 26%)

Deep Copper

HEX: #935826

RGB: rgb(147, 88, 38)

HSL: hsl(28, 59%, 36%)

Copper

HEX: #b87333

RGB: rgb(184, 115, 51)

HSL: hsl(29, 57%, 46%)

Light Copper

HEX: #d49a5c

RGB: rgb(212, 154, 92)

HSL: hsl(31, 58%, 60%)

Copper Glow

HEX: #ecc99a

RGB: rgb(236, 201, 154)

HSL: hsl(34, 68%, 76%)

CSS Variables

:root {
  --copper-1: #6a3e1a;
  --copper-2: #935826;
  --copper-3: #b87333;
  --copper-4: #d49a5c;
  --copper-5: #ecc99a;
}

Tailwind CSS Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'copper': {
          '100': '#6a3e1a',
          '200': '#935826',
          '300': '#b87333',
          '400': '#d49a5c',
          '500': '#ecc99a',
        },
      },
    },
  },
}