Screen Red#E50914
Premier Crimson#B11226
Velvet Bordeaux#5C1020
Muted Oxblood Taupe#8A6A63
Dusty Rose Clay#C49A93
Palette direction

Netflix Inspired Entertainment Color Palette

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

MonochromaticCreativenetflix inspiredstreaming palettecinematic redentertainment branding
palette-preview.example
Creative color direction

Netflix Inspired Entertainment Color Palette

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 system
Logo contrast guide

Logo color pairings

ColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.

Logo Pure White #FFFFFFon Velvet Bordeaux #5C102013.5:1 Excellent
Logo Pure White #FFFFFFon Screen Red #E509144.8:1 Strong
Logo Near Black #111111on Pure White #FFFFFF18.9:1 Excellent
Logo Near Black #111111on Dusty Rose Clay #C49A937.5:1 Excellent
Icon color
BackgroundScreen Red#E50914TextPure White#FFFFFF
Primary Button4.79:1
AA

Best for the main action users should notice first.

BackgroundVelvet Bordeaux#5C1020TextPure White#FFFFFF
Secondary Button13.55:1
AAA

Useful for softer choices and secondary paths.

BackgroundSoft Ivory#F5F1EDTextVelvet Bordeaux#5C1020
Outlined Button12.06:1
AAA

Good for lower-emphasis actions on light surfaces.

BackgroundSoft Ivory#F5F1EDTextPremier Crimson#B11226
Text Button6.26:1
AA

A quiet action for links, navigation, and inline decisions.

Palette composition8 colorsMonochromatic color relationship
9:41Netflix Inspired Entertainment Color Palette Color role balance
Monochromatic system
60% DominantNeutrals

Backgrounds, large surfaces, whitespace, and reading comfort.

30% SecondarySupport colors

Sections, secondary UI, illustrations, and repeated brand moments.

10% AccentMain colors

High-attention moments like primary actions and memorable highlights.

CNetflix Inspired Entertainment Color PaletteCreative brand direction ColorFly.design
Strategic palette preview
Why it works

A usable
color 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

Clear roles create a consistent brand experience.

Color Roles and Usage Map

Assign existing palette colors to brand, typography, and interface roles.

Brand identity

LogoUsed for logo marks and core brand symbols.Screen Red #E50914
HeadlineUsed for main titles and key messages.Premier Crimson #B11226
LinkUsed for links and interactive text.Premier Crimson #B11226

Buttons

Primary Button
BackgroundScreen Red #E50914
TextPure White #FFFFFF
Secondary Button
BackgroundVelvet Bordeaux #5C1020
TextPure White #FFFFFF
Outlined Button
BackgroundVelvet Bordeaux #5C1020
TextVelvet Bordeaux #5C1020

Interface

TextDefault readable body text.Near Black #111111
Bg LightLight page or section background.Soft Ivory #F5F1ED
Bg DarkDark page or section background.Near Black #111111
IconSmall interface icons and marks.Muted Oxblood Taupe #8A6A63
BorderCards, inputs, and component borders.Muted Oxblood Taupe #8A6A63
DividerSubtle separators between content.Dusty Rose Clay #C49A93
OutlineFocus rings and emphasis outlines.Dusty Rose Clay #C49A93

Palette Colors

A compact view of the brand, support, and neutral colors that make up this system.

Main (Brand) Colors

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

PrimaryScreen Red

RolesLogo, Btn Primary Bg

The signature attention color that anchors the brand and gives the system its unmistakable streaming energy.

HEX#E50914
RGB229, 9, 20
HSL357, 92, 47
CMYK0, 96, 91, 10
SecondaryPremier Crimson

RolesLink, Headline

A slightly deeper red that keeps headlines and links vivid while adding a more refined editorial tone.

HEX#B11226
RGB177, 18, 38
HSL352, 82, 38
CMYK0, 90, 79, 31
TertiaryVelvet Bordeaux

RolesBtn 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.

HEX#5C1020
RGB92, 16, 32
HSL347, 70, 21
CMYK0, 83, 65, 64

Support Colors

The 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

Muted Oxblood Taupe

RolesIcon, Border

A softened red-brown neutral accent that bridges the vivid reds with interface elements without competing for attention.

HEX#8A6A63
RGB138, 106, 99
HSL11, 16, 46
CMYK0, 23, 28, 46
Dusty Rose Clay

RolesDivider, Outline

A light, muted accent for subtle separators and outlines that keeps the interface warm and consistent.

HEX#C49A93
RGB196, 154, 147
HSL9, 29, 67
CMYK0, 21, 25, 23

Neutral Colors

Utility colors for backgrounds, text, borders, and balance.

Pure White

RolesBtn Primary Text, Btn Secondary Text

HEX#FFFFFF
RGB255, 255, 255
HSL0, 0, 100
CMYK0, 0, 0, 0
Soft Ivory

RolesBg Light

HEX#F5F1ED
RGB245, 241, 237
HSL30, 29, 95
CMYK0, 2, 3, 4
Near Black

RolesBg Dark, Text

HEX#111111
RGB17, 17, 17
HSL0, 0, 7
CMYK0, 0, 0, 93

Export and Handoff

Copy palette values for design systems, websites, and client handoff.

Color tokens

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;
}

Role tokens

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;
}

JSON

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"
}
Press Space to load new palette