Paramount+ color palette
EntertainmentParamount+ uses a bold blue-centric palette anchored by its signature 'Paramount+ Blue,' reflecting its entertainment heritage and digital-first approach. The color system is designed for clarity, accessibility, and strong brand recognition across digital and broadcast platforms.
paramountplus.comParamount+ colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Paramount+ BluePrimary0, 100, 255
- Paramount+ NavySecondary0, 26, 54
- Paramount+ AquaAccent0, 230, 255
Surfaces
Page, cards and dividers.- Paramount+ WhiteBackground255, 255, 255
- Paramount+ Light GraySurface244, 247, 250
- Paramount+ Border GrayBorder209, 214, 219
Text
Three tiers of copy.- Paramount+ Text NavyText0, 26, 54
- Paramount+ Text GraySecondary text74, 90, 106
- Paramount+ Muted GrayMuted text138, 153, 168
Semantic
Feedback and state colors.- Paramount+ Success GreenSuccess0, 200, 151
- Paramount+ Warning YellowWarning255, 199, 0
- Paramount+ Error RedError255, 59, 48
- Paramount+ Info BlueInfo0, 100, 255
Use Paramount+'s colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
paramountplus-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0064FF;
--error: #FF3B30;
--accent: #00E6FF;
--border: #D1D6DB;
--primary: #0064FF;
--success: #00C897;
--surface: #F4F7FA;
--warning: #FFC700;
--secondary: #001A36;
--text-muted: #8A99A8;
--background: #FFFFFF;
--text-primary: #001A36;
--text-secondary: #4A5A6A;
}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.5:1
Pass
Text on surface
Needs 4.5:1 for body text
16.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.6:1
Pass
Muted text on background
Needs 3:1 for large text
2.9:1
Fail
Muted text on surface
Needs 3:1 for large text
2.7:1
Fail
Paramount+ background, border and text colors
The quiet part of the Paramount+ palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Paramount+ WhiteBackground
- HEX
- RGB
- HSL
- Paramount+ Light GraySurface
- HEX
- RGB
- HSL
- Paramount+ Border GrayBorder
- HEX
- RGB
- HSL
- Paramount+ Text NavyText
- HEX
- RGB
- HSL
- Paramount+ Text GraySecondary text
- HEX
- RGB
- HSL
- Paramount+ Muted GrayMuted text
- HEX
- RGB
- HSL
About Paramount+'s colors
Paramount+ relies on a monochromatic blue palette, supported by neutral grays and vibrant accent colors for clarity and accessibility. The color system balances brand recognition with usability across digital platforms.
Primary blue is paired with deep navy for contrast.
Accent aqua highlights interactive elements.
Neutral grays support backgrounds and surfaces.
Psychology
Blue conveys trust, reliability, and professionalism, aligning with Paramount+'s legacy in entertainment. The palette's vibrancy adds a modern, digital-forward feel.
Evolution
The Paramount+ palette evolved from the classic Paramount Pictures blue, introducing brighter accents and refined neutrals for digital use. The core blue has remained consistent to maintain strong brand continuity.
Where Paramount+ uses each color
- Primary
Used for the Paramount+ logo, primary buttons, and key navigation highlights.
- Secondary
Appears in headers, footers, and background elements to provide depth.
- Accent
Applied to call-to-action buttons, links, and interactive UI states.
- Backgrounds
White and light gray backgrounds are used for main app screens and content areas.
- Text
Text navy is used for primary headlines, with text gray and muted gray for secondary and tertiary text.
- Semantic
Success, warning, and error colors are used for status indicators, alerts, and notifications.
Paramount+ color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Paramount+ primary color is #0064FF, known as 'Paramount+ Blue.' Use this exact hex for all primary branding applications.
Paramount+ Blue (#0064FF) is RGB(0, 100, 255) and CMYK(100, 61, 0, 0). Always match the hex code for digital use.
Paramount+ uses #F4F7FA (Light Gray), #D1D6DB (Border Gray), and #001A36 (Text Navy) for backgrounds, borders, and text. These neutrals ensure readability and a clean UI.
Use Paramount+ Blue (#0064FF) for primary actions and branding, with navy and grays for backgrounds and text. Reserve accent aqua and semantic colors for highlights and status indicators.
The secondary color is Paramount+ Navy, #001A36, and the accent is Paramount+ Aqua, #00E6FF. 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+'s colors consistently when it generates UI.
Make something in the spirit of Paramount+
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.