Netflix color palette
EntertainmentNetflix's bold red and black palette creates an unmistakable cinematic identity, designed to capture attention and create an immersive entertainment viewing experience.
netflix.comNetflix colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Netflix RedPrimary229, 9, 20
- Netflix BlackSecondary20, 20, 20
- Netflix AccentAccent229, 9, 20
Surfaces
Page, cards and dividers.- Netflix BackgroundBackground20, 20, 20
- Netflix SurfaceSurface31, 31, 31
- Netflix BorderBorder51, 51, 51
Text
Three tiers of copy.- Netflix WhiteText255, 255, 255
- Netflix GraySecondary text179, 179, 179
- Netflix MutedMuted text128, 128, 128
Semantic
Feedback and state colors.- Netflix GreenSuccess70, 211, 105
- Netflix YellowWarning230, 182, 22
- Netflix ErrorError229, 9, 20
- Netflix BlueInfo0, 128, 255
Use Netflix's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
netflix-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0080FF;
--error: #E50914;
--accent: #E50914;
--border: #333333;
--primary: #E50914;
--success: #46D369;
--surface: #1F1F1F;
--warning: #E6B616;
--secondary: #141414;
--text-muted: #808080;
--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
16.5: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
7.9:1
Pass
Muted text on background
Needs 3:1 for large text
4.7:1
Pass
Muted text on surface
Needs 3:1 for large text
4.2:1
Pass
Netflix gray, dark and neutral colors
Netflix 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.
- Netflix BackgroundBackground
- HEX
- RGB
- HSL
- Netflix SurfaceSurface
- HEX
- RGB
- HSL
- Netflix BorderBorder
- HEX
- RGB
- HSL
- Netflix WhiteText
- HEX
- RGB
- HSL
- Netflix GraySecondary text
- HEX
- RGB
- HSL
- Netflix MutedMuted text
- HEX
- RGB
- HSL
About Netflix's colors
Netflix's palette is cinematically simple: red for brand, black for immersion, white for text. This three-color system creates a movie theater–like environment where content artwork is the star.
Red on black creates the highest possible emotional contrast — urgency, passion, premium
The near-black background (#141414) mimics a darkened theater environment
Content artwork provides all the visual variety, keeping the UI monochrome
Psychology
Red signals excitement, passion, and urgency — emotions directly tied to entertainment. The dark interface triggers cinematic associations, turning browsing into a theater-like experience. The minimal palette reduces decision fatigue in content selection.
Evolution
Netflix's red has been consistent since the DVD era, though the specific shade has been refined. The dark interface became dominant as the platform shifted from DVD-by-mail to streaming, creating the immersive viewing environment.
Where Netflix uses each color
- Primary
Netflix Red (#E50914) is reserved for the logo, primary buttons, and the signature 'N' icon — used sparingly for maximum impact.
- Secondary
Near-black (#141414) creates the theater-like canvas for content browsing and playback.
- Accent
Red also serves as the accent for hover states and progress bars, maintaining a monochromatic brand.
- Backgrounds
The dark interface lets movie posters, show thumbnails, and video previews provide all the visual color and richness.
- Text
White text on dark backgrounds ensures readable titles and descriptions without competing with artwork.
- Semantic
Green for success (download complete), red for errors, and blue for informational states — kept subtle to avoid competing with content.
Netflix color questions
Hex codes, RGB values, neutrals and how to use the palette.
Netflix Red is #E50914. It's one of the most recognized brand colors in entertainment, used for the Netflix logo, N icon, and primary interactive elements.
Netflix uses a near-black background (#141414) to create a cinema-like viewing environment. The dark interface lets movie and show artwork serve as the primary visual element, mimicking the experience of a darkened theater.
Netflix's UI is intentionally limited to red, black, and white. Content artwork provides visual diversity. The interface uses minimal semantic colors: green for downloads, and blue for informational elements.
The secondary color is Netflix Black, #141414, and the accent is Netflix Accent, #E50914. Together with the primary they make up the three brand colors at the top of this page.
Netflix uses #141414 for backgrounds, #1F1F1F for surfaces and #333333 for borders. Text runs #FFFFFF, #B3B3B3 and #808080 from strongest to most muted.
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's colors consistently when it generates UI.
Make something in the spirit of Netflix
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.