Apple TV+ color palette
EntertainmentApple TV+ uses a minimalist, monochromatic color palette centered on deep black and grayscale tones, reflecting Apple's signature design language. The palette supports a cinematic, premium feel across its streaming platform and marketing materials.
tv.apple.comApple TV+ colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Apple TV+ BlackPrimary0, 0, 0
- Apple TV+ CharcoalSecondary28, 28, 30
- Apple TV+ WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Apple TV+ Deep GrayBackground18, 18, 18
- Apple TV+ Surface GraySurface35, 35, 35
- Apple TV+ Border GrayBorder58, 58, 60
Text
Three tiers of copy.- Apple TV+ Text WhiteText255, 255, 255
- Apple TV+ Text GraySecondary text161, 161, 166
- Apple TV+ Muted GrayMuted text99, 99, 102
Semantic
Feedback and state colors.- Apple TV+ Success GreenSuccess48, 209, 88
- Apple TV+ Warning YellowWarning255, 214, 10
- Apple TV+ Error RedError255, 69, 58
- Apple TV+ Info BlueInfo100, 210, 255
Use Apple TV+'s colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
apple-tvplus-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #64D2FF;
--error: #FF453A;
--accent: #FFFFFF;
--border: #3A3A3C;
--primary: #000000;
--success: #30D158;
--surface: #232323;
--warning: #FFD60A;
--secondary: #1C1C1E;
--text-muted: #636366;
--background: #121212;
--text-primary: #FFFFFF;
--text-secondary: #A1A1A6;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
18.7:1
Pass
Text on surface
Needs 4.5:1 for body text
15.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.1:1
Pass
Muted text on background
Needs 3:1 for large text
3.1:1
Pass
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
Apple TV+ gray, dark and neutral colors
Apple TV+ 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.
- Apple TV+ Deep GrayBackground
- HEX
- RGB
- HSL
- Apple TV+ Surface GraySurface
- HEX
- RGB
- HSL
- Apple TV+ Border GrayBorder
- HEX
- RGB
- HSL
- Apple TV+ Text WhiteText
- HEX
- RGB
- HSL
- Apple TV+ Text GraySecondary text
- HEX
- RGB
- HSL
- Apple TV+ Muted GrayMuted text
- HEX
- RGB
- HSL
About Apple TV+'s colors
Apple TV+ employs a restrained monochrome palette, emphasizing black and shades of gray to create a cinematic and immersive user experience. Accent colors are used sparingly for clarity and accessibility.
Primary black contrasts with white and light gray text for readability.
Accent colors (green, yellow, red, blue) are reserved for semantic feedback.
Grayscale tones structure backgrounds, surfaces, and borders.
Psychology
The dominant black and gray tones evoke sophistication, luxury, and focus, aligning with Apple's brand values. Minimal use of color draws attention to content and enhances visual clarity.
Evolution
The Apple TV+ palette has remained stable since launch, mirroring Apple's broader ecosystem. There have been no significant changes, maintaining consistency across platforms and devices.
Where Apple TV+ uses each color
- Primary
Used for app backgrounds, navigation bars, and splash screens.
- Secondary
Applied to overlays, modals, and secondary navigation elements.
- Accent
Used for logos, icons, and high-contrast UI elements.
- Backgrounds
Deep gray backgrounds provide depth and reduce eye strain in dark mode.
- Text
White and gray text colors ensure legibility on dark surfaces.
- Semantic
Green, yellow, red, and blue are used for status indicators, alerts, and feedback.
Apple TV+ color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Apple TV+ primary color hex code is #000000. This deep black is used throughout the platform's UI.
Apple TV+ Black (#000000) has an RGB value of (0, 0, 0) and a CMYK value of (0, 0, 0, 100).
Apple TV+ uses #1C1C1E (Charcoal), #232323 (Surface Gray), and #3A3A3C (Border Gray) for its neutral UI elements. These grays create depth and hierarchy in the interface.
Use black and deep grays for backgrounds and surfaces, with white and light gray for text. Reserve accent and semantic colors for status indicators and important feedback only.
The secondary color is Apple TV+ Charcoal, #1C1C1E, and the accent is Apple TV+ White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
5 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 Apple TV+'s colors consistently when it generates UI.
Make something in the spirit of Apple TV+
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.