Bape Color Palette
From primary Green anchors to supporting accents, the Bape color system is engineered for clarity across fashion touchpoints — digital and physical.
Bape Primary
Bape Accent
The Visual Identity of Bape
Color Systems & Brand Psychology
Primary Hue
The #00703C at the core of Bape's palette is not accidental. Green tones consistently test well for balance in fashion and lifestyle, giving the brand a recognisable visual anchor.
Industry Psychology
The psychology behind Bape's green palette is rooted in how style-conscious consumers perceive color in fashion and lifestyle. Studies on color cognition confirm that green consistently elicits balance — making it an effective foundation for a brand competing in retail environments.
Strategic Usage
Consistent deployment of these hex codes across retail environments is what turns a color into a brand asset. Bape enforces precise color governance so that style-conscious consumers experience the same visual signal whether they encounter the brand online, in print, or in a physical space.
UI Design & Application Guide
Thinking of using the Bape 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 #00703C as a background, strict accessibility standards (WCAG) recommend using #FFFFFF for your typeface to ensure maximum readability.
Bape Primary to ensure consistency across all fashion 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 |
|---|---|---|---|
| Bape Primary | #00703C | rgb(0, 112, 60) | var(--bape-primary) |
| Bape Accent 1 | #FFFFFF | rgb(255, 255, 255) | var(--bape-color-2) |
CSS Implementation
Copy this CSS snippet to your :root to instantly implement the Bape brand styles.
:root {
--bape-primary: #00703C;
--bape-color-2: #FFFFFF;
}
Explore Related Brand Palettes
Compare Bape with other top brands in our database.