Disney+ color palette
EntertainmentDisney+ uses a deep blue-centric palette that evokes a cinematic, premium, and family-friendly streaming experience. The color system is anchored by 'Disney+ Blue' and complemented by dark neutrals and subtle accent tones.
disneyplus.comDisney+ colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Disney+ BluePrimary17, 60, 207
- Disney+ MidnightSecondary26, 29, 41
- Disney+ SkyAccent0, 168, 225
Surfaces
Page, cards and dividers.- Disney+ Deep SpaceBackground4, 7, 20
- Disney+ Surface GraySurface35, 37, 43
- Disney+ Border GrayBorder46, 48, 56
Text
Three tiers of copy.- Disney+ WhiteText255, 255, 255
- Disney+ SilverSecondary text176, 179, 192
- Disney+ Muted GrayMuted text106, 109, 123
Semantic
Feedback and state colors.- Disney+ Success GreenSuccess30, 215, 96
- Disney+ Warning YellowWarning255, 197, 0
- Disney+ Error RedError229, 9, 20
- Disney+ Info BlueInfo0, 168, 225
Use Disney+'s colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
disneyplus-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00A8E1;
--error: #E50914;
--accent: #00A8E1;
--border: #2E3038;
--primary: #113CCF;
--success: #1ED760;
--surface: #23252B;
--warning: #FFC500;
--secondary: #1A1D29;
--text-muted: #6A6D7B;
--background: #040714;
--text-primary: #FFFFFF;
--text-secondary: #B0B3C0;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
20.1:1
Pass
Text on surface
Needs 4.5:1 for body text
15.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
9.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.3:1
Pass
Muted text on background
Needs 3:1 for large text
3.9:1
Pass
Muted text on surface
Needs 3:1 for large text
3.0:1
Fail
Disney+ background, border and text colors
Disney+ 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.
- Disney+ Deep SpaceBackground
- HEX
- RGB
- HSL
- Disney+ Surface GraySurface
- HEX
- RGB
- HSL
- Disney+ Border GrayBorder
- HEX
- RGB
- HSL
- Disney+ WhiteText
- HEX
- RGB
- HSL
- Disney+ SilverSecondary text
- HEX
- RGB
- HSL
- Disney+ Muted GrayMuted text
- HEX
- RGB
- HSL
About Disney+'s colors
Disney+ relies on a monochromatic blue palette, accented by neutrals and bright highlights for clarity and accessibility. The deep blue conveys trust, sophistication, and a cinematic atmosphere.
Primary blue is paired with dark backgrounds for contrast.
Accent blue and yellow are used for highlights and notifications.
Neutral grays support legibility and hierarchy.
Psychology
Blue is associated with trust, reliability, and calm, aligning with Disney's family-friendly and premium positioning. The dark tones create an immersive, theater-like experience.
Evolution
Since launch, Disney+ has maintained a consistent palette centered on deep blue and dark neutrals. Minor adjustments have been made for accessibility and digital clarity.
Where Disney+ uses each color
- Primary
Disney+ Blue is used for the logo, primary buttons, and key highlights in navigation.
- Secondary
Disney+ Midnight appears as the main navigation bar and modal backgrounds.
- Accent
Disney+ Sky is used for interactive elements, hover states, and info icons.
- Backgrounds
Disney+ Deep Space covers the main app background and splash screens.
- Text
Disney+ White and Silver are used for primary and secondary text across the UI.
- Semantic
Success, warning, and error colors are reserved for system messages and status indicators.
Disney+ color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Disney+ brand color is Disney+ Blue, hex code #113CCF.
Disney+ Blue (#113CCF) in RGB is 17, 60, 207; in CMYK it is 92, 71, 0, 19.
Disney+ uses Deep Space (#040714), Surface Gray (#23252B), and Border Gray (#2E3038) for backgrounds and UI surfaces.
Use Disney+ Blue (#113CCF) for primary actions and branding, with dark neutrals for backgrounds and white or silver for text to ensure contrast and accessibility.
The secondary color is Disney+ Midnight, #1A1D29, and the accent is Disney+ Sky, #00A8E1. 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 Disney+'s colors consistently when it generates UI.
Make something in the spirit of Disney+
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.