Back to palettes

Palette

Ancient Copper Vein

Reflects the rich, aged patina and enduring beauty of exposed copper veins in ancient rock formations.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Copper Vein reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Ancient Copper Vein.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#5C4033#8A5E42#BF7F4B#D9A56D#E7CBA6

Palette guide

How to use Ancient Copper Vein

Overview

The Ancient Copper Vein palette beautifully captures the rich, aged patina and enduring beauty of exposed copper veins in rock formations. This earthy collection ranges from the deep, grounding #5C4033 to the soft, luminous #E7CBA6, offering a sophisticated spectrum of browns and coppery beiges. It's an excellent choice for designs that aim for a natural, rustic, yet refined aesthetic. Designers can use this palette to evoke a sense of history, craftsmanship, and organic warmth, perfect for heritage brands, nature-inspired websites, or serene interior spaces. The blend of dark and light tones provides ample contrast for versatile application.

Best used for

  • Heritage brand identity and marketing
  • Nature-inspired web design
  • Craft and artisanal product branding
  • Rustic-chic interior decor themes
  • Educational content on geology or history
  • Packaging for organic or natural products

Suggested color roles

primary

#BF7F4B (Copper Brown) - A balanced, inviting primary color for key elements, conveying warmth and understated elegance.

secondary

#8A5E42 (Medium Brown) - Supports primary elements well, suitable for subheadings, navigation, or content containers.

accent

#D9A56D (Light Copper) - Use for subtle highlights, interactive states, or decorative elements to add a touch of luminosity.

background

#E7CBA6 (Pale Beige) - An excellent light background color that offers high contrast for darker text and a soft, natural feel.

text

#5C4033 (Dark Coffee) - Provides strong, readable contrast against lighter backgrounds like #E7CBA6, ideal for body text and important labels.

Accessibility notes

  • Ensure #5C4033 text on #E7CBA6 background meets WCAG AA contrast for readability.
  • Avoid using #D9A56D for small text on #BF7F4B backgrounds due to insufficient contrast.
  • #8A5E42 provides good contrast for text when placed on #E7CBA6.
  • Consider a slightly larger font size for text elements using #BF7F4B on #D9A56D.

Recommended combinations

Patina Blend

Ideal for headers, footers, and main content areas, offering strong contrast.

#5C4033 · #BF7F4B · #E7CBA6

Earthy Glow

Great for feature panels or callout boxes, bringing a gentle, warm highlight.

#8A5E42 · #D9A56D · #BF7F4B

Stone & Metal

Perfect for creating layered backgrounds or illustrations with a light base and rich, deep accents.

#E7CBA6 · #5C4033 · #8A5E42

CSS variables

:root {
  --ancient-copper-vein-1: #5C4033;
  --ancient-copper-vein-2: #8A5E42;
  --ancient-copper-vein-3: #BF7F4B;
  --ancient-copper-vein-4: #D9A56D;
  --ancient-copper-vein-5: #E7CBA6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-copper-vein": {
        1: "#5C4033",
        2: "#8A5E42",
        3: "#BF7F4B",
        4: "#D9A56D",
        5: "#E7CBA6",
      }
    }
  }
}

Related searches

aged copper color schemeearthy brown paletterustic natural colorsantique mineral toneswarm heritage palette

Palette colors

Hex values

Color 1#5C4033
·
Color 2#8A5E42
·
Color 3#BF7F4B
·
Color 4#D9A56D
·
Color 5#E7CBA6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
4.3:1AA18
6:1AA
2
1.7:1Fail
1.7:1Fail
2.5:1Fail
3.6:1AA18
3
2.8:1Fail
1.7:1Fail
1.5:1Fail
2.1:1Fail
4
4.3:1AA18
2.5:1Fail
1.5:1Fail
1.4:1Fail
5
6:1AA
3.6:1AA18
2.1:1Fail
1.4:1Fail

Similar palettes

More like Ancient Copper Vein

View all earth