Duracell color palette
ConsumerDuracell's brand identity is defined by its distinctive copper and black color scheme, symbolizing power and reliability. The palette is minimal, with copper as the primary accent and deep black as the dominant background.
duracell.comDuracell colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Duracell CopperPrimary161, 122, 44
- Duracell BlackSecondary0, 0, 0
- Duracell Light CopperAccent246, 198, 91
Surfaces
Page, cards and dividers.- Duracell CharcoalBackground24, 24, 24
- Duracell GraphiteSurface35, 35, 35
- Duracell Border GrayBorder60, 60, 59
Text
Three tiers of copy.- Duracell WhiteText255, 255, 255
- Duracell CopperSecondary text161, 122, 44
- Duracell Muted GrayMuted text184, 184, 184
Semantic
Feedback and state colors.- Duracell GreenSuccess107, 190, 68
- Duracell Light CopperWarning246, 198, 91
- Duracell RedError224, 60, 49
- Duracell BlueInfo0, 150, 214
Use Duracell's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
duracell-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0096D6;
--error: #E03C31;
--accent: #F6C65B;
--border: #3C3C3B;
--primary: #A17A2C;
--success: #6BBE44;
--surface: #232323;
--warning: #F6C65B;
--secondary: #000000;
--text-muted: #B8B8B8;
--background: #181818;
--text-primary: #FFFFFF;
--text-secondary: #A17A2C;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.8:1
Pass
Text on surface
Needs 4.5:1 for body text
15.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.0:1
Fail
Muted text on background
Needs 3:1 for large text
9.0:1
Pass
Muted text on surface
Needs 3:1 for large text
7.9:1
Pass
Duracell background, border and text colors
Duracell runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Duracell CharcoalBackground
- HEX
- RGB
- HSL
- Duracell GraphiteSurface
- HEX
- RGB
- HSL
- Duracell Border GrayBorder
- HEX
- RGB
- HSL
- Duracell WhiteText
- HEX
- RGB
- HSL
- Duracell CopperSecondary text
- HEX
- RGB
- HSL
- Duracell Muted GrayMuted text
- HEX
- RGB
- HSL
About Duracell's colors
Duracell's palette is anchored by metallic copper and deep black, evoking energy, durability, and premium quality. The minimal use of accent colors keeps the focus on product strength and clarity.
Copper and black are used in strong contrast for high visibility.
Accent golds and grays provide subtle hierarchy.
White text ensures legibility on dark backgrounds.
Psychology
Copper suggests reliability, endurance, and a premium feel, while black conveys power and authority. The restrained palette reinforces trust and product performance.
Evolution
Duracell's color palette has remained stable for decades, with copper and black consistently defining the brand. Minor adjustments have been made to copper tones for digital clarity.
Where Duracell uses each color
- Primary
Duracell Copper is used on packaging tops, key buttons, and highlights.
- Secondary
Duracell Black dominates backgrounds, navigation bars, and product casings.
- Accent
Duracell Light Copper is used for call-to-action buttons and subtle highlights.
- Backgrounds
Duracell Charcoal and Graphite are used for UI backgrounds and surfaces.
- Text
Duracell White is used for main text, with Copper for headings and Muted Gray for secondary text.
- Semantic
Duracell Green, Red, and Blue are used for status indicators and alerts in digital interfaces.
Duracell color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Duracell brand color is Duracell Copper, hex code #A17A2C.
Duracell Copper (#A17A2C) in RGB is 161, 122, 44. In CMYK, it is approximately 0, 24, 73, 37.
Duracell uses Duracell Black (#000000), Charcoal (#181818), and Graphite (#232323) as its primary dark and neutral tones for backgrounds and UI surfaces.
Use Duracell Copper (#A17A2C) for highlights and accents, with Black (#000000) and Charcoal (#181818) as dominant backgrounds. White (#FFFFFF) is reserved for text to ensure maximum contrast and readability.
The secondary color is Duracell Black, #000000, and the accent is Duracell Light Copper, #F6C65B. Together with the primary they make up the three brand colors at the top of this page.
5 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Duracell's colors consistently when it generates UI.
Make something in the spirit of Duracell
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.