Max color palette
EntertainmentMax uses a sophisticated palette centered around deep grays and purples, reflecting its premium entertainment offering. The color system is designed for clarity and cinematic appeal across digital and streaming platforms.
max.comMax colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Max SlatePrimary82, 82, 82
- Max Deep PurpleSecondary34, 26, 55
- Max VioletAccent162, 89, 255
Surfaces
Page, cards and dividers.- Max BlackBackground12, 12, 12
- Max OnyxSurface24, 24, 24
- Max GraphiteBorder45, 45, 45
Text
Three tiers of copy.- Max WhiteText255, 255, 255
- Max SilverSecondary text179, 179, 179
- Max GrayMuted text117, 117, 117
Semantic
Feedback and state colors.- Max GreenSuccess46, 213, 115
- Max YellowWarning255, 214, 0
- Max RedError255, 59, 48
- Max BlueInfo58, 134, 255
Use Max's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
max-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3A86FF;
--error: #FF3B30;
--accent: #A259FF;
--border: #2D2D2D;
--primary: #525252;
--success: #2ED573;
--surface: #181818;
--warning: #FFD600;
--secondary: #221A37;
--text-muted: #757575;
--background: #0C0C0C;
--text-primary: #FFFFFF;
--text-secondary: #B3B3B3;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
19.6:1
Pass
Text on surface
Needs 4.5:1 for body text
17.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
9.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.5:1
Pass
Muted text on background
Needs 3:1 for large text
4.2:1
Pass
Muted text on surface
Needs 3:1 for large text
3.9:1
Pass
Max gray, dark and neutral colors
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.
- Max BlackBackground
- HEX
- RGB
- HSL
- Max OnyxSurface
- HEX
- RGB
- HSL
- Max GraphiteBorder
- HEX
- RGB
- HSL
- Max WhiteText
- HEX
- RGB
- HSL
- Max SilverSecondary text
- HEX
- RGB
- HSL
- Max GrayMuted text
- HEX
- RGB
- HSL
About Max's colors
Max's palette is built on deep, cinematic tones with a signature purple accent, creating a modern and immersive viewing environment. The color relationships emphasize contrast and readability for digital screens.
Primary gray anchors navigation and UI.
Deep purple and violet provide brand distinction.
Neutral blacks and silvers support accessibility.
Psychology
The deep grays and purples evoke sophistication, trust, and a sense of exclusivity. The palette supports a premium, cinematic experience for users.
Evolution
Max's color system evolved from the HBO Max palette, shifting towards darker grays and a more restrained use of purple. The overall palette has remained stable since the Max rebrand in 2023.
Where Max uses each color
- Primary
Used for navigation bars, headers, and key UI elements.
- Secondary
Appears in backgrounds, overlays, and promotional banners.
- Accent
Highlights buttons, active states, and featured content.
- Backgrounds
Max Black is the default app and website background.
- Text
Max White and Max Silver are used for primary and secondary text on dark backgrounds.
- Semantic
Max Green, Yellow, and Red are used for status indicators and alerts.
Max color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Max primary color hex code is #525252. This is referred to as Max Slate in their brand guidelines.
The RGB value for Max Slate (#525252) is 82, 82, 82. For print, its approximate CMYK is 0, 0, 0, 68.
Max uses a range of dark neutrals including Max Black (#0C0C0C), Max Onyx (#181818), and Max Graphite (#2D2D2D). These tones are used throughout the UI for backgrounds and surfaces.
Use Max Slate (#525252) for primary navigation and UI, with Max Deep Purple (#221A37) and Max Violet (#A259FF) for accents and highlights. Neutral tones support readability and accessibility across the interface.
The secondary color is Max Deep Purple, #221A37, and the accent is Max Violet, #A259FF. 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 Max's colors consistently when it generates UI.
Make something in the spirit of Max
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.