CBS color palette
MediaCBS uses a classic, authoritative color palette centered around deep blue, reflecting trust and professionalism in its media presence. The palette is stable, with dark blues and neutral grays dominating both broadcast and digital interfaces.
cbs.comCBS colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- CBS BluePrimary3, 57, 99
- CBS NavySecondary10, 34, 57
- CBS Sky BlueAccent0, 157, 220
Surfaces
Page, cards and dividers.- CBS WhiteBackground255, 255, 255
- CBS Light GraySurface245, 246, 250
- CBS Border GrayBorder209, 213, 219
Text
Three tiers of copy.- CBS BlackText26, 26, 26
- CBS CharcoalSecondary text75, 85, 99
- CBS Muted GrayMuted text123, 135, 148
Semantic
Feedback and state colors.- CBS Success GreenSuccess62, 180, 137
- CBS Warning OrangeWarning245, 166, 35
- CBS Error RedError215, 38, 61
- CBS Info BlueInfo0, 157, 220
Use CBS's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
cbs-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009DDC;
--error: #D7263D;
--accent: #009DDC;
--border: #D1D5DB;
--primary: #033963;
--success: #3EB489;
--surface: #F5F6FA;
--warning: #F5A623;
--secondary: #0A2239;
--text-muted: #7B8794;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #4B5563;
}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.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.0:1
Pass
Muted text on background
Needs 3:1 for large text
3.7:1
Pass
Muted text on surface
Needs 3:1 for large text
3.4:1
Pass
CBS background, border and text colors
The quiet part of the CBS palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- CBS WhiteBackground
- HEX
- RGB
- HSL
- CBS Light GraySurface
- HEX
- RGB
- HSL
- CBS Border GrayBorder
- HEX
- RGB
- HSL
- CBS BlackText
- HEX
- RGB
- HSL
- CBS CharcoalSecondary text
- HEX
- RGB
- HSL
- CBS Muted GrayMuted text
- HEX
- RGB
- HSL
About CBS's colors
CBS’s palette is built on deep blue tones, evoking credibility and stability. Accents of lighter blue and neutral grays provide clarity and contrast for digital and broadcast applications.
Primary and secondary blues create a cohesive brand identity.
Neutral grays balance the strong blue tones.
Accent blue is used for highlights and calls to action.
Psychology
Blue is associated with trust, reliability, and authority, aligning with CBS’s role as a major news and entertainment provider. The use of white and gray supports readability and a clean, modern look.
Evolution
The CBS palette has remained largely stable over decades, with minor updates to grays and accent blues for digital clarity. The core deep blue has been a consistent element since the network’s early branding.
Where CBS uses each color
- Primary
CBS Blue is used for the logo, navigation bars, and key brand elements.
- Secondary
CBS Navy appears in footers, headers, and backgrounds for emphasis.
- Accent
CBS Sky Blue is used for buttons, links, and interactive highlights.
- Backgrounds
CBS White and CBS Light Gray are used for page and app backgrounds.
- Text
CBS Black and CBS Charcoal are used for primary and secondary text respectively.
- Semantic
Success, warning, and error colors are used in alerts, notifications, and status indicators.
CBS color questions
Hex codes, RGB values, neutrals and how to use the palette.
The CBS primary color hex code is #033963, known as CBS Blue. This is used for the logo and main navigation elements.
CBS Blue (#033963) is RGB(3, 57, 99) and CMYK(97, 71, 25, 58). These values ensure consistent reproduction across media.
CBS uses CBS Light Gray (#F5F6FA), CBS Border Gray (#D1D5DB), and CBS Charcoal (#4B5563) for backgrounds, borders, and secondary text. These neutrals provide contrast and readability against the deep blues.
Use CBS Blue (#033963) for primary branding, CBS Navy (#0A2239) for supporting backgrounds, and CBS Sky Blue (#009DDC) for accents. Neutrals and semantic colors should support content clarity and accessibility.
The secondary color is CBS Navy, #0A2239, and the accent is CBS Sky Blue, #009DDC. 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 CBS's colors consistently when it generates UI.
Make something in the spirit of CBS
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.