Pepsi Max color palette
Food & DrinkPepsi Max uses a bold, high-contrast palette centered on deep black, vibrant red, and signature blue, reflecting its zero-sugar, high-energy positioning. The color system is consistent across packaging, digital, and advertising.
pepsi.comPepsi Max colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Pepsi Max BlackPrimary0, 0, 0
- Pepsi Max RedSecondary228, 26, 43
- Pepsi Max BlueAccent0, 92, 180
Surfaces
Page, cards and dividers.- Pepsi Max Dark GrayBackground24, 24, 24
- Pepsi Max Surface GraySurface34, 34, 34
- Pepsi Max Border GrayBorder57, 57, 57
Text
Three tiers of copy.- Pepsi Max WhiteText255, 255, 255
- Pepsi Max Light GraySecondary text199, 199, 199
- Pepsi Max Muted GrayMuted text138, 138, 138
Semantic
Feedback and state colors.- Pepsi Max GreenSuccess67, 176, 42
- Pepsi Max YellowWarning255, 199, 44
- Pepsi Max RedError228, 26, 43
- Pepsi Max BlueInfo0, 92, 180
Use Pepsi Max's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
pepsi-max-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #005CB4;
--error: #E41A2B;
--accent: #005CB4;
--border: #393939;
--primary: #000000;
--success: #43B02A;
--surface: #222222;
--warning: #FFC72C;
--secondary: #E41A2B;
--text-muted: #8A8A8A;
--background: #181818;
--text-primary: #FFFFFF;
--text-secondary: #C7C7C7;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.8:1
Pass
Text on surface
Needs 4.5:1 for body text
15.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
10.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
9.4:1
Pass
Muted text on background
Needs 3:1 for large text
5.1:1
Pass
Muted text on surface
Needs 3:1 for large text
4.6:1
Pass
Pepsi Max gray, dark and neutral colors
Pepsi Max runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Pepsi Max Dark GrayBackground
- HEX
- RGB
- HSL
- Pepsi Max Surface GraySurface
- HEX
- RGB
- HSL
- Pepsi Max Border GrayBorder
- HEX
- RGB
- HSL
- Pepsi Max WhiteText
- HEX
- RGB
- HSL
- Pepsi Max Light GraySecondary text
- HEX
- RGB
- HSL
- Pepsi Max Muted GrayMuted text
- HEX
- RGB
- HSL
About Pepsi Max's colors
Pepsi Max's palette leverages high-contrast black, red, and blue to convey energy and boldness. The colors are chosen for maximum visibility and brand recognition.
Black and red create a striking, energetic contrast.
Blue ties the product to the core Pepsi brand.
Neutrals provide clarity for text and UI elements.
Psychology
Black communicates strength and sophistication, while red signals energy and excitement. Blue adds a sense of trust and connects to the parent Pepsi brand.
Evolution
The Pepsi Max palette has remained stable since its introduction, consistently using black as the dominant color. Minor adjustments have been made to the red and blue tones for digital clarity.
Where Pepsi Max uses each color
- Primary
Pepsi Max Black is used for backgrounds, packaging, and primary branding elements.
- Secondary
Pepsi Max Red appears in the logo, accents, and call-to-action buttons.
- Accent
Pepsi Max Blue is used for highlights, links, and to reinforce brand association.
- Backgrounds
Dark gray backgrounds are used in digital interfaces and promotional materials.
- Text
White and light gray text provide contrast on dark backgrounds for readability.
- Semantic
Green, yellow, and red are used for success, warning, and error states in digital UI.
Pepsi Max color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Pepsi Max brand color is black, with the official hex code #000000.
Pepsi Max Black is #000000 in hex, which is RGB(0,0,0) and CMYK(0,0,0,100).
Pepsi Max uses #181818 for dark gray backgrounds, #222222 for surfaces, and #393939 for borders in its UI and packaging.
Use black as the dominant color for backgrounds and key branding, with red and blue as accents and for emphasis. Grays and white provide necessary contrast for text and interface elements.
The secondary color is Pepsi Max Red, #E41A2B, and the accent is Pepsi Max Blue, #005CB4. Together with the primary they make up the three brand colors at the top of this page.
6 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Pepsi Max's colors consistently when it generates UI.
Make something in the spirit of Pepsi Max
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.