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
Mars builds its visual system around #C8102E. This Red hue was selected to communicate energy — a deliberate signal to everyday shoppers that the brand stands for bold action.
Industry Psychology
Color research in food and beverage consistently shows that red hues perform well for conveying energy. By anchoring its identity in this spectrum, Mars aligns itself with values its everyday shoppers already trust.
Strategic Usage
Designers and developers implementing Mars's colors should treat these hex codes as exact specifications. Color drift — even subtle shifts in value — weakens the recognition cues that Mars has built with everyday shoppers through repeated exposure across consumer packaging.
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.