Mars Color Palette
The Mars brand owes much of its visual impact to this Red-rooted palette. Discover the hex codes that define one of food's most recognized identities.
Mars Primary
Mars Accent
The Visual Identity of Mars
Color Systems & Brand Psychology
Primary Hue
#C8102E is the primary Red anchor in the Mars system. It was validated across food use cases for both emotional impact and technical reproducibility.
Industry Psychology
The psychological weight of Red tones — authority without aggression, confidence without coldness — aligns precisely with Mars's food brand promise.
Strategic Usage
For Mars, color consistency is brand equity. Every food application — mobile, web, retail, packaging — references these master hex values to maintain unified brand perception.
UI Design & Application Guide
Thinking of using the Mars 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 #C8102E as a background, strict accessibility standards (WCAG) recommend using #FFFFFF for your typeface to ensure maximum readability.
Mars Primary to ensure consistency across all food 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 |
|---|---|---|---|
| Mars Primary | #C8102E | rgb(200, 16, 46) | var(--mars-primary) |
| Mars Accent 1 | #000000 | rgb(0, 0, 0) | var(--mars-color-2) |
CSS Implementation
Copy this CSS snippet to your :root to instantly implement the Mars brand styles.
:root {
--mars-primary: #C8102E;
--mars-color-2: #000000;
}
Explore Related Brand Palettes
Compare Mars with other top brands in our database.