Netflix Tudum color palette
MediaNetflix Tudum uses a bold, cinematic color system centered on Netflix Red, paired with deep blacks and neutral grays for a dramatic, entertainment-focused look. The palette emphasizes contrast and clarity, reflecting the brand's connection to Netflix's core identity.
netflix.comNetflix Tudum colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Tudum RedPrimary229, 9, 20
- Tudum BlackSecondary34, 31, 31
- Tudum CrimsonAccent184, 29, 36
Surfaces
Page, cards and dividers.- Tudum Deep BlackBackground20, 20, 20
- Tudum Surface GraySurface24, 24, 24
- Tudum Border GrayBorder51, 51, 51
Text
Three tiers of copy.- Tudum WhiteText255, 255, 255
- Tudum Light GraySecondary text179, 179, 179
- Tudum Muted GrayMuted text117, 117, 117
Semantic
Feedback and state colors.- Tudum Success GreenSuccess70, 211, 105
- Tudum Warning YellowWarning245, 197, 24
- Tudum Error RedError229, 9, 20
- Tudum Info BlueInfo57, 118, 246
Use Netflix Tudum's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
netflix-tudum-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3976F6;
--error: #E50914;
--accent: #B81D24;
--border: #333333;
--primary: #E50914;
--success: #46D369;
--surface: #181818;
--warning: #F5C518;
--secondary: #221F1F;
--text-muted: #757575;
--background: #141414;
--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
18.4: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
8.8: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.0:1
Pass
Muted text on surface
Needs 3:1 for large text
3.9:1
Pass
Netflix Tudum gray, dark and neutral colors
Netflix Tudum 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.
- Tudum Deep BlackBackground
- HEX
- RGB
- HSL
- Tudum Surface GraySurface
- HEX
- RGB
- HSL
- Tudum Border GrayBorder
- HEX
- RGB
- HSL
- Tudum WhiteText
- HEX
- RGB
- HSL
- Tudum Light GraySecondary text
- HEX
- RGB
- HSL
- Tudum Muted GrayMuted text
- HEX
- RGB
- HSL
About Netflix Tudum's colors
Netflix Tudum's palette is built on high-contrast reds and blacks, creating a cinematic and immersive feel. The use of neutral grays supports readability and UI clarity.
Primary red is complemented by deep blacks for maximum contrast.
Accent crimson adds depth to call-to-actions and highlights.
Neutral grays balance the vivid red and ensure accessibility.
Psychology
Red evokes excitement, urgency, and entertainment, aligning with Tudum's media focus. Black and gray tones reinforce a premium, immersive experience.
Evolution
The Tudum palette has remained closely aligned with Netflix's core brand colors since launch. Minor adjustments to gray tones have improved accessibility and digital clarity.
Where Netflix Tudum uses each color
- Primary
Tudum Red is used for the logo, key buttons, and primary CTAs.
- Secondary
Tudum Black appears in navigation bars and main backgrounds.
- Accent
Tudum Crimson highlights active states and promotional banners.
- Backgrounds
Tudum Deep Black is the default page and app background.
- Text
Tudum White and Light Gray are used for primary and secondary text respectively.
- Semantic
Success Green, Warning Yellow, and Error Red are used for status indicators and alerts.
Netflix Tudum color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Netflix Tudum brand color is Tudum Red, hex code #E50914.
Tudum Red (#E50914) in RGB is 229, 9, 20; in CMYK it is 0, 96, 91, 10.
Tudum uses Tudum Black (#221F1F), Deep Black (#141414), Surface Gray (#181818), and Border Gray (#333333) for backgrounds and UI elements.
Use Tudum Red (#E50914) for primary actions and branding, with blacks and grays for backgrounds and surfaces to maintain contrast and readability.
The secondary color is Tudum Black, #221F1F, and the accent is Tudum Crimson, #B81D24. 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 Netflix Tudum's colors consistently when it generates UI.
Make something in the spirit of Netflix Tudum
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.