Color / A considered starting point

Copper color palettes.

Warm brown and rose screen colors for projects with a material-inspired direction.

The collection

Original sRGB combinations. Each detail page includes website roles, CSS and measured pairs.

Make the colors work

More than a set of swatches.

Treat the material as a reference

These are opaque sRGB colors for websites. They do not reproduce reflectivity, metallic ink, paint or a physical product. Keep material photography color-accurate and use the palette around it.

Give the accent one job

Use the deeper role for links or primary actions and the paler accent for supporting graphics. A metallic-inspired name does not make a medium-tone label readable on a pale surface.

Inspect the fine details

Compare small navigation labels, specification tables and input borders in both themes. Keep meaningful boundaries distinct and leave purely decorative rules out of compliance claims.

Keep exploring