Warner Bros. color palette
EntertainmentWarner Bros. uses a bold blue-centric palette anchored by its iconic "Warner Bros. Blue" for brand recognition across entertainment properties. The color system features deep blues, gold accents, and neutral grays for UI clarity.
warnerbros.comWarner Bros. colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Warner Bros. BluePrimary0, 77, 180
- Warner Bros. GoldSecondary255, 210, 0
- Warner Bros. WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Studio Light GrayBackground245, 246, 250
- Backlot GraySurface230, 233, 239
- Lot Border GrayBorder179, 185, 198
Text
Three tiers of copy.- Script BlackText26, 26, 26
- Screenplay GraySecondary text74, 74, 74
- Muted SlateMuted text125, 133, 151
Semantic
Feedback and state colors.- Premiere GreenSuccess43, 182, 115
- Caution AmberWarning255, 180, 0
- Alert RedError224, 58, 62
- Info BlueInfo0, 148, 255
Use Warner Bros.'s colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
warner-bros-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0094FF;
--error: #E03A3E;
--accent: #FFFFFF;
--border: #B3B9C6;
--primary: #004DB4;
--success: #2BB673;
--surface: #E6E9EF;
--warning: #FFB400;
--secondary: #FFD200;
--text-muted: #7D8597;
--background: #F5F6FA;
--text-primary: #1A1A1A;
--text-secondary: #4A4A4A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.1:1
Pass
Text on surface
Needs 4.5:1 for body text
14.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.2: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.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.0:1
Pass
Warner Bros. background, border and text colors
The quiet part of the Warner Bros. palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Studio Light GrayBackground
- HEX
- RGB
- HSL
- Backlot GraySurface
- HEX
- RGB
- HSL
- Lot Border GrayBorder
- HEX
- RGB
- HSL
- Script BlackText
- HEX
- RGB
- HSL
- Screenplay GraySecondary text
- HEX
- RGB
- HSL
- Muted SlateMuted text
- HEX
- RGB
- HSL
About Warner Bros.'s colors
Warner Bros. leverages a high-contrast palette with blue and gold as brand anchors, complemented by neutral grays for digital clarity. The scheme is designed for strong visual impact and legibility across media.
Primary blue and gold are complementary and evoke heritage.
Neutrals balance vibrant brand colors for UI usability.
Accent white increases contrast and readability.
Psychology
The deep blue conveys trust, authority, and cinematic legacy, while gold signals prestige and excellence. The palette supports a sense of timelessness and entertainment quality.
Evolution
The palette has remained stable, with the blue and gold combination dating back to the classic shield logo. Recent updates have refined the supporting neutrals for modern digital interfaces.
Where Warner Bros. uses each color
- Primary
Used in the logo, navigation bars, and key call-to-action buttons.
- Secondary
Appears in logo details, highlights, and promotional banners.
- Accent
Used for text on dark backgrounds, icons, and interface highlights.
- Backgrounds
Applied to website and app backgrounds for a clean, neutral canvas.
- Text
Script Black and Screenplay Gray are used for primary and secondary text throughout digital products.
- Semantic
Success, warning, error, and info colors are used for alerts, notifications, and status indicators.
Warner Bros. color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Warner Bros. primary color is #004DB4, known as Warner Bros. Blue.
The RGB for #004DB4 is (0, 77, 180); the CMYK is (100, 57, 0, 29).
Warner Bros. uses Studio Light Gray (#F5F6FA), Backlot Gray (#E6E9EF), and Lot Border Gray (#B3B9C6) for backgrounds and borders.
Primary blue (#004DB4) should dominate brand assets, with gold (#FFD200) for accents and neutrals for backgrounds and text. Always maintain sufficient contrast for accessibility.
The secondary color is Warner Bros. Gold, #FFD200, and the accent is Warner Bros. White, #FFFFFF. 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 Warner Bros.'s colors consistently when it generates UI.
Make something in the spirit of Warner Bros.
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.