A Netflix-inspired system built around cinematic red, deep burgundy, and a restrained crimson accent, grounded by crisp neutrals for interface clarity. It feels bold and high-contrast without copying the exact brand red, making it suitable for streaming, entertainment, and media products that need a
A Netflix-inspired system built around cinematic red, deep burgundy, and a restrained crimson accent, grounded by crisp neutrals for interface clarity. It feels bold and high-contrast without copying the exact brand red, making it suitable for streaming, entertainment, and media products that need a
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors stay within a tight red family, creating immediate recognition and a strong entertainment-first mood. Their shift from bright red to deep burgundy adds dimension for branding, navigation, and emphasis without losing cohesion
Clear roles create a consistent brand experience.Assign existing palette colors to brand, typography, and interface roles.
A compact view of the brand, support, and neutral colors that make up this system.
The main colors stay within a tight red family, creating immediate recognition and a strong entertainment-first mood. Their shift from bright red to deep burgundy adds dimension for branding, navigation, and emphasis without losing cohesion
RolesLogo, Btn Primary Bg
The signature attention color that anchors the brand and gives the system its unmistakable streaming energy.
#E50914229, 9, 20357, 92, 470, 96, 91, 10RolesLink, Headline
A slightly deeper red that keeps headlines and links vivid while adding a more refined editorial tone.
#B11226177, 18, 38352, 82, 380, 90, 79, 31RolesBtn Secondary Bg, Btn Outlined Border, Btn Outlined Text
A dark burgundy that supports contrast-heavy UI use and gives secondary actions a dramatic, premium edge.
#5C102092, 16, 32347, 70, 210, 83, 65, 64The support colors extend the red system with subdued warm accents that improve UI hierarchy and keep the palette from feeling monochrome. They add restraint and structure around a
RolesIcon, Border
A softened red-brown neutral accent that bridges the vivid reds with interface elements without competing for attention.
#8A6A63138, 106, 9911, 16, 460, 23, 28, 46RolesDivider, Outline
A light, muted accent for subtle separators and outlines that keeps the interface warm and consistent.
#C49A93196, 154, 1479, 29, 670, 21, 25, 23Utility colors for backgrounds, text, borders, and balance.
RolesBtn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Light
#F5F1ED245, 241, 23730, 29, 950, 2, 3, 4RolesBg Dark, Text
#11111117, 17, 170, 0, 70, 0, 0, 93Copy palette values for design systems, websites, and client handoff.
Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.
Use when: you need the actual colors.:root {
--color-screen-red: #E50914;
--color-premier-crimson: #B11226;
--color-velvet-bordeaux: #5C1020;
--color-muted-oxblood-taupe: #8A6A63;
--color-dusty-rose-clay: #C49A93;
--color-pure-white: #FFFFFF;
--color-soft-ivory: #F5F1ED;
--color-near-black: #111111;
}Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.
Use when: you need UI roles, not just swatches.:root {
--role-logo: #E50914;
--role-btn-primary-bg: #E50914;
--role-link: #B11226;
--role-headline: #B11226;
--role-btn-secondary-bg: #5C1020;
--role-btn-outlined-border: #5C1020;
--role-btn-outlined-text: #5C1020;
--role-icon: #8A6A63;
--role-border: #8A6A63;
--role-divider: #C49A93;
--role-outline: #C49A93;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-light: #F5F1ED;
--role-bg-dark: #111111;
--role-text: #111111;
}Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.
Use when: a developer or app needs data.{
"screen-red": "#E50914",
"premier-crimson": "#B11226",
"velvet-bordeaux": "#5C1020",
"muted-oxblood-taupe": "#8A6A63",
"dusty-rose-clay": "#C49A93",
"pure-white": "#FFFFFF",
"soft-ivory": "#F5F1ED",
"near-black": "#111111"
}