Pantene Color Palette
Explore how Pantene leverages its distinctive Orange palette to stand out in the competitive beauty landscape. Every shade serves a strategic purpose.
Pantene Primary
Pantene Accent
The Visual Identity of Pantene
Color Systems & Brand Psychology
Primary Hue
The signature #D4AF37 that defines Pantene was engineered for instant recognition. This Orange shade performs consistently across beauty applications.
Industry Psychology
Orange sits in a perceptual space associated with dependability and innovation. For Pantene's beauty audience, this creates an immediate sense of brand trustworthiness.
Strategic Usage
The Pantene design system specifies these colors for every touchpoint — from beauty product interfaces to environmental branding — with documented accessibility ratios for each combination.
UI Design & Application Guide
Thinking of using the Pantene color palette in your next project? Here is a professional guide on how to apply these colors effectively for web and mobile interfaces.
When using #D4AF37 as a background, strict accessibility standards (WCAG) recommend using #111827 for your typeface to ensure maximum readability.
Pantene Primary to ensure consistency across all beauty mockups.
Technical Color Data Table
For developers and designers, accuracy is non-negotiable. Below are the precise conversions.
| Color Name | HEX Code | RGB Values | CSS Variable |
|---|---|---|---|
| Pantene Primary | #D4AF37 | rgb(212, 175, 55) | var(--pantene-primary) |
| Pantene Accent 1 | #FFFFFF | rgb(255, 255, 255) | var(--pantene-color-2) |
CSS Implementation
Copy this CSS snippet to your :root to instantly implement the Pantene brand styles.
:root {
--pantene-primary: #D4AF37;
--pantene-color-2: #FFFFFF;
}
Explore Related Brand Palettes
Compare Pantene with other top brands in our database.