MSNBC color palette
MediaMSNBC's color identity is centered around a deep blue primary, reflecting trust and authority, with a supporting palette of grays, white, and accent colors for clarity and accessibility. The palette is consistent across digital and broadcast platforms, emphasizing news credibility.
msnbc.comMSNBC colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- MSNBC Deep BluePrimary35, 42, 52
- MSNBC BlueSecondary0, 99, 175
- MSNBC GoldAccent234, 170, 0
Surfaces
Page, cards and dividers.- MSNBC WhiteBackground255, 255, 255
- MSNBC Light GraySurface245, 246, 250
- MSNBC Border GrayBorder209, 213, 219
Text
Three tiers of copy.- MSNBC Deep BlueText35, 42, 52
- MSNBC Secondary GraySecondary text75, 85, 99
- MSNBC Muted GrayMuted text107, 114, 128
Semantic
Feedback and state colors.- MSNBC GreenSuccess43, 175, 74
- MSNBC GoldWarning234, 170, 0
- MSNBC RedError215, 38, 61
- MSNBC BlueInfo0, 99, 175
Use MSNBC's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
msnbc-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0063AF;
--error: #D7263D;
--accent: #EAAA00;
--border: #D1D5DB;
--primary: #232A34;
--success: #2BAF4A;
--surface: #F5F6FA;
--warning: #EAAA00;
--secondary: #0063AF;
--text-muted: #6B7280;
--background: #FFFFFF;
--text-primary: #232A34;
--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
14.5:1
Pass
Text on surface
Needs 4.5:1 for body text
13.4: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
4.8:1
Pass
Muted text on surface
Needs 3:1 for large text
4.5:1
Pass
MSNBC background, border and text colors
The quiet part of the MSNBC palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- MSNBC WhiteBackground
- HEX
- RGB
- HSL
- MSNBC Light GraySurface
- HEX
- RGB
- HSL
- MSNBC Border GrayBorder
- HEX
- RGB
- HSL
- MSNBC Deep BlueText
- HEX
- RGB
- HSL
- MSNBC Secondary GraySecondary text
- HEX
- RGB
- HSL
- MSNBC Muted GrayMuted text
- HEX
- RGB
- HSL
About MSNBC's colors
MSNBC's palette is built around a trustworthy blue, supported by neutral grays and white for readability and authority. Accent colors are used sparingly for highlights and alerts.
Primary blue is paired with white for high contrast.
Accent gold is used for highlights and warnings.
Grays support UI structure and text hierarchy.
Psychology
The deep blue primary conveys trust, stability, and professionalism, aligning with journalistic values. Accent gold draws attention to key information without overwhelming the viewer.
Evolution
MSNBC's palette has remained stable, with blue as the anchor color since its inception. Minor adjustments to gray tones and accent usage have improved digital accessibility and clarity.
Where MSNBC uses each color
- Primary
Used in the website header, navigation, and main branding elements.
- Secondary
Appears in links, buttons, and highlight bars.
- Accent
Applied to notification badges, highlights, and warning messages.
- Backgrounds
White and light gray backgrounds are used for content areas and cards.
- Text
Deep blue and gray tones are used for primary and secondary text throughout the site.
- Semantic
Green, gold, and red are used for success, warning, and error states in UI components.
MSNBC color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary MSNBC brand color is #232A34, known as MSNBC Deep Blue.
MSNBC Deep Blue (#232A34) in RGB is (35, 42, 52). For CMYK, it is approximately (33, 19, 0, 80).
MSNBC uses several grays: #F5F6FA (Light Gray), #D1D5DB (Border Gray), #4B5563 (Secondary Gray), and #6B7280 (Muted Gray) for backgrounds, borders, and text.
Use #232A34 for primary navigation and text, #0063AF for interactive elements, and #EAAA00 for highlights or warnings. Grays and white provide structure and readability in backgrounds and surfaces.
The secondary color is MSNBC Blue, #0063AF, and the accent is MSNBC Gold, #EAAA00. 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 MSNBC's colors consistently when it generates UI.
Make something in the spirit of MSNBC
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.