Paramount Pictures color palette
EntertainmentParamount Pictures uses a classic blue and white color scheme, reflecting its cinematic heritage and iconic mountain logo. The palette is simple, elegant, and instantly recognizable in the entertainment industry.
paramount.comParamount Pictures colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Paramount BluePrimary26, 35, 70
- Paramount WhiteSecondary255, 255, 255
- Paramount SkyAccent184, 199, 224
Surfaces
Page, cards and dividers.- Paramount MidnightBackground10, 16, 38
- Paramount CloudSurface245, 247, 250
- Paramount SilverBorder195, 200, 212
Text
Three tiers of copy.- Paramount BlueText26, 35, 70
- Paramount SlateSecondary text75, 86, 118
- Paramount MistMuted text122, 132, 156
Semantic
Feedback and state colors.- Paramount Success GreenSuccess75, 181, 67
- Paramount Warning OrangeWarning245, 166, 35
- Paramount Error RedError215, 38, 61
- Paramount Info BlueInfo59, 125, 216
Use Paramount Pictures's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
paramount-pictures-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3B7DD8;
--error: #D7263D;
--accent: #B8C7E0;
--border: #C3C8D4;
--primary: #1A2346;
--success: #4BB543;
--surface: #F5F7FA;
--warning: #F5A623;
--secondary: #FFFFFF;
--text-muted: #7A849C;
--background: #0A1026;
--text-primary: #1A2346;
--text-secondary: #4B5676;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
1.2:1
Fail
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
2.6:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
6.8:1
Pass
Muted text on background
Needs 3:1 for large text
5.0:1
Pass
Muted text on surface
Needs 3:1 for large text
3.5:1
Pass
Paramount Pictures background, border and text colors
Paramount 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.
- Paramount MidnightBackground
- HEX
- RGB
- HSL
- Paramount CloudSurface
- HEX
- RGB
- HSL
- Paramount SilverBorder
- HEX
- RGB
- HSL
- Paramount BlueText
- HEX
- RGB
- HSL
- Paramount SlateSecondary text
- HEX
- RGB
- HSL
- Paramount MistMuted text
- HEX
- RGB
- HSL
About Paramount Pictures's colors
Paramount Pictures' palette is anchored by a deep blue, symbolizing trust and cinematic tradition, complemented by white and light blue accents for clarity and contrast. The use of blue and white creates a timeless, authoritative, and clean visual identity.
Primary blue is complemented by white for high contrast.
Accent sky blue adds depth and visual interest.
Neutral grays and dark tones support readability and modern UI needs.
Psychology
Blue conveys trust, reliability, and professionalism, aligning with Paramount's legacy in film. White and light blue accents evoke clarity, openness, and approachability.
Evolution
The Paramount palette has remained largely consistent, with blue and white as core elements since its early days. Minor adjustments in accent and neutral tones have modernized the look for digital platforms.
Where Paramount Pictures uses each color
- Primary
Used in the Paramount logo, website navigation, and key brand assets.
- Secondary
Applied to backgrounds, text, and supporting graphics for contrast.
- Accent
Used for highlights, UI elements, and subtle gradients.
- Backgrounds
Dark blue and white backgrounds are used across web and print materials.
- Text
Primary blue and slate are used for headings and body text; mist for muted or secondary text.
- Semantic
Green, orange, red, and info blue are used for status indicators and alerts in digital products.
Paramount Pictures color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Paramount Pictures brand color is Paramount Blue, hex code #1A2346.
Paramount Blue (#1A2346) is RGB(26, 35, 70) and CMYK(63, 50, 0, 73).
Paramount uses neutral tones like Paramount Silver (#C3C8D4) and Paramount Mist (#7A849C) for borders and muted text.
Use Paramount Blue (#1A2346) for primary branding, with white and sky blue for contrast and accents. Neutrals and semantic colors support UI clarity and accessibility.
The secondary color is Paramount White, #FFFFFF, and the accent is Paramount Sky, #B8C7E0. Together with the primary they make up the three brand colors at the top of this page.
4 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 Paramount Pictures's colors consistently when it generates UI.
Make something in the spirit of Paramount Pictures
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.