7 Eleven Color Palette
7 Eleven selected these Green values to communicate specific brand attributes across retail contexts. This guide unpacks the rationale and implementation details.
7 Eleven Primary
7 Eleven Accent
7 Eleven Accent
The Visual Identity of 7 Eleven
Color Systems & Brand Psychology
Primary Hue
7 Eleven builds its entire visual hierarchy from #008060. This Green primary was chosen to resonate with retail consumer expectations while remaining technically versatile.
Industry Psychology
In the competitive retail landscape, Green provides 7 Eleven with a distinctive visual Territory — colors that audiences instinctively associate with quality and expertise.
Strategic Usage
These 7 Eleven colors are specifications, not suggestions. The retail brand's visual integrity depends on exact reproduction of these hex values across every medium and partner implementation.
UI Design & Application Guide
Thinking of using the 7 Eleven 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 #008060 as a background, strict accessibility standards (WCAG) recommend using #FFFFFF for your typeface to ensure maximum readability.
7 Eleven Primary to ensure consistency across all retail 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 |
|---|---|---|---|
| 7 Eleven Primary | #008060 | rgb(0, 128, 96) | var(--7-eleven-primary) |
| 7 Eleven Accent 1 | #F36F21 | rgb(243, 111, 33) | var(--7-eleven-color-2) |
| 7 Eleven Accent 2 | #ED1C24 | rgb(237, 28, 36) | var(--7-eleven-color-3) |
CSS Implementation
Copy this CSS snippet to your :root to instantly implement the 7 Eleven brand styles.
:root {
--7-eleven-primary: #008060;
--7-eleven-color-2: #F36F21;
--7-eleven-color-3: #ED1C24;
}
Explore Related Brand Palettes
Compare 7 Eleven with other top brands in our database.