Universal Pictures color palette
EntertainmentUniversal Pictures uses a classic blue and gold palette, reflecting its cinematic heritage and global reach. The brand's color system is rooted in deep blue, gold, and neutral tones, as seen in its iconic logo and digital presence.
universalpictures.comUniversal Pictures colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Universal BluePrimary26, 42, 108
- Universal GoldSecondary253, 195, 0
- Universal WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Universal NightBackground16, 24, 32
- Universal SlateSurface35, 43, 56
- Universal Border GrayBorder60, 74, 91
Text
Three tiers of copy.- Universal Text WhiteText255, 255, 255
- Universal Text GraySecondary text176, 184, 193
- Universal MutedMuted text122, 134, 154
Semantic
Feedback and state colors.- Universal Success GreenSuccess75, 181, 67
- Universal Warning YellowWarning255, 179, 0
- Universal Error RedError215, 38, 61
- Universal Info BlueInfo28, 169, 230
Use Universal Pictures's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
universal-pictures-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1CA9E6;
--error: #D7263D;
--accent: #FFFFFF;
--border: #3C4A5B;
--primary: #1A2A6C;
--success: #4BB543;
--surface: #232B38;
--warning: #FFB300;
--secondary: #FDC300;
--text-muted: #7A869A;
--background: #101820;
--text-primary: #FFFFFF;
--text-secondary: #B0B8C1;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.1:1
Pass
Muted text on background
Needs 3:1 for large text
4.9:1
Pass
Muted text on surface
Needs 3:1 for large text
3.9:1
Pass
Universal Pictures background, border and text colors
Universal Pictures 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.
- Universal NightBackground
- HEX
- RGB
- HSL
- Universal SlateSurface
- HEX
- RGB
- HSL
- Universal Border GrayBorder
- HEX
- RGB
- HSL
- Universal Text WhiteText
- HEX
- RGB
- HSL
- Universal Text GraySecondary text
- HEX
- RGB
- HSL
- Universal MutedMuted text
- HEX
- RGB
- HSL
About Universal Pictures's colors
Universal Pictures' palette is anchored by a deep blue and gold, evoking a sense of prestige and cinematic tradition. The supporting neutrals provide clarity and readability in digital and print environments.
Primary blue and gold create a complementary, prestigious contrast.
Neutrals balance the boldness of the primary colors.
Accent white ensures clarity and focus on key elements.
Psychology
The deep blue conveys trust, stability, and a global outlook, while the gold suggests excellence and timelessness. Together, they reinforce Universal's legacy as a leading film studio.
Evolution
Universal's palette has remained consistent, with blue and gold present since its earliest logos. The digital era introduced darker neutrals and refined gold for modern UI needs.
Where Universal Pictures uses each color
- Primary
Universal Blue is used in the logo, website headers, and key brand visuals.
- Secondary
Universal Gold highlights logo details, call-to-action buttons, and special promotions.
- Accent
Universal White appears in text, backgrounds, and overlays for contrast.
- Backgrounds
Universal Night and Slate are used for website backgrounds and app screens.
- Text
Text colors include Universal Text White for primary content and Universal Text Gray for secondary information.
- Semantic
Success, warning, error, and info colors are used for notifications, alerts, and status indicators in digital products.
Universal Pictures color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Universal Pictures brand color is Universal Blue, hex code #1A2A6C.
Universal Blue (#1A2A6C) is RGB(26, 42, 108) and CMYK(76, 61, 0, 58).
Universal uses Universal Night (#101820) and Universal Slate (#232B38) for dark backgrounds and surfaces in its digital interfaces.
Primary and secondary colors should be reserved for brand elements and calls to action, while neutrals and accent white support readability and layout structure.
The secondary color is Universal Gold, #FDC300, and the accent is Universal 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 Universal Pictures's colors consistently when it generates UI.
Make something in the spirit of Universal Pictures
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.