Copper
Introducing Copper (#B87333), a hue defined by its warm, metallic glow. This color catches the eye with its fusion of rich brown and vibrant orange undertones, offering a striking alternative to traditional neutrals and adding a distinct visual presence to any composition.
What color is Copper?
Copper is a warm, reddish-brown hue reminiscent of the metal itself. It’s characterized by strong orange and red undertones that give it an earthy yet sophisticated feel.
The color has a unique metallic character, often perceived with a subtle luster even in its flat form. It balances the richness of brown with the energy of orange, creating a shade that can appear both muted and brilliant.
What is the meaning behind the color Copper (#B87333)?
The color Copper communicates warmth, wealth, and ambition. It evokes feelings of comfort and quality, blending the approachability of brown with the prestige of gold.
Historically tied to the metal of the same name, Copper carries connotations of durability, craft, and earthly value, symbolizing a bridge between the rustic and the refined.
How can I use Copper in my UI design?
In application, Copper (#B87333) shines as an accent. Pair it with deep blues or teals for a striking complementary contrast, or with neutral grays and creams for a more grounded, elegant feel. It works well for calls-to-action, icons, and highlights, adding a touch of warmth and sophistication.
While not a dominant color in the branding world, some companies like Podia use similar warm, earthy tones. Its relative rarity presents an opportunity for designers to build a distinct visual identity that feels both artisanal and established.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Copper in real UI components from top brands.
Using Copper color codes
The hex code for Copper is #B87333. Its warm, earthy quality makes it a flexible choice for adding a touch of richness to a design without being overpowering.
To apply this color consistently across projects, you will need to translate its hex value into other formats. For instance, RGB (Red, Green, Blue) is standard for digital displays, while CMYK (Cyan, Magenta, Yellow, Key) is essential for print work. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive method for making adjustments.
To get you started, we've converted #B87333 into a range of popular formats. You can find and copy the exact codes you need for your project below.
Analogous
By selecting colors adjacent to Copper on the color wheel, you create an analogous scheme. This approach yields a unified and tranquil visual harmony.
Complementary
Complementary colors are opposites on the color wheel. When paired with Copper, they create a striking, high-contrast effect that makes both colors pop.
Split Complementary
A split complementary scheme for Copper pairs it with the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.
Triadic
A triadic scheme pairs Copper with two other colors equally spaced on the color wheel, creating a vibrant and balanced high-contrast palette.
Tetradic
A tetradic color scheme for Copper uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.
Square
A square color scheme uses four colors equidistant on the color wheel. This arrangement creates a vibrant, high-contrast palette with Copper as the base.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker tones of Copper made by mixing in black, which adds gravity and dimension.
Tints
Tints are lighter variations of Copper, created by adding white for a softer feel.
Tones
Tones are softer, less saturated variations of Copper, created by mixing the color with gray.
Hues
Hues are variations of Copper's base color, differing in intensity or temperature to create distinct moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
