The Telegraph color palette
MediaThe Telegraph uses a classic and authoritative color palette centered around deep navy, white, and subtle greys, reflecting its heritage and journalistic gravitas. The color system is designed for clarity, legibility, and a premium editorial feel.
telegraph.co.ukThe Telegraph colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Telegraph NavyPrimary0, 24, 42
- Telegraph WhiteSecondary255, 255, 255
- Telegraph RedAccent200, 16, 46
Surfaces
Page, cards and dividers.- Telegraph Off-WhiteBackground247, 247, 245
- Telegraph Light GreySurface240, 241, 242
- Telegraph Border GreyBorder214, 215, 217
Text
Three tiers of copy.- Telegraph Navy TextText0, 24, 42
- Telegraph CharcoalSecondary text74, 74, 74
- Telegraph Muted GreyMuted text125, 134, 140
Semantic
Feedback and state colors.- Telegraph GreenSuccess0, 130, 59
- Telegraph YellowWarning255, 191, 71
- Telegraph RedError200, 16, 46
- Telegraph BlueInfo0, 94, 184
Use The Telegraph's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
the-telegraph-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #005EB8;
--error: #C8102E;
--accent: #C8102E;
--border: #D6D7D9;
--primary: #00182A;
--success: #00823B;
--surface: #F0F1F2;
--warning: #FFBF47;
--secondary: #FFFFFF;
--text-muted: #7D868C;
--background: #F7F7F5;
--text-primary: #00182A;
--text-secondary: #4A4A4A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.8:1
Pass
Text on surface
Needs 4.5:1 for body text
16.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.8:1
Pass
Muted text on background
Needs 3:1 for large text
3.5:1
Pass
Muted text on surface
Needs 3:1 for large text
3.3:1
Pass
The Telegraph background, border and text colors
The quiet part of the The Telegraph palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Telegraph Off-WhiteBackground
- HEX
- RGB
- HSL
- Telegraph Light GreySurface
- HEX
- RGB
- HSL
- Telegraph Border GreyBorder
- HEX
- RGB
- HSL
- Telegraph Navy TextText
- HEX
- RGB
- HSL
- Telegraph CharcoalSecondary text
- HEX
- RGB
- HSL
- Telegraph Muted GreyMuted text
- HEX
- RGB
- HSL
About The Telegraph's colors
The Telegraph's palette is based on a foundation of deep navy and neutral tones, with red and blue accents for emphasis and clarity. The scheme ensures high contrast and readability for editorial content.
Primary navy contrasts with white for strong readability.
Accent red is used sparingly for highlights and alerts.
Greys provide subtle structure and separation in layouts.
Psychology
Navy conveys trust, authority, and tradition, aligning with The Telegraph's reputation. Red is used for urgency or highlights, while greys and off-whites create a calm, readable environment.
Evolution
The core palette has remained stable, maintaining navy, white, and red as signature colors. Minor adjustments have been made to greys and background tones for digital clarity.
Where The Telegraph uses each color
- Primary
Telegraph Navy is used for the masthead, navigation bar, and key headings.
- Secondary
Telegraph White appears as the main background and in content areas.
- Accent
Telegraph Red is reserved for highlights, notifications, and breaking news labels.
- Backgrounds
Telegraph Off-White and Light Grey are used for article backgrounds and section dividers.
- Text
Telegraph Navy and Charcoal are used for primary and secondary text, ensuring legibility.
- Semantic
Telegraph Green, Yellow, and Red are used for success, warning, and error states in UI elements.
The Telegraph color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary brand color for The Telegraph is #00182A, known as Telegraph Navy.
Telegraph Navy (#00182A) in RGB is 0, 24, 42. For print, its approximate CMYK is 100, 43, 0, 84.
The Telegraph uses #F7F7F5 (Off-White), #F0F1F2 (Light Grey), #D6D7D9 (Border Grey), and #7D868C (Muted Grey) for backgrounds, borders, and muted text.
Use Telegraph Navy (#00182A) for navigation and headings, white and off-white for backgrounds, and Telegraph Red (#C8102E) only for highlights or urgent elements to maintain brand consistency.
The secondary color is Telegraph White, #FFFFFF, and the accent is Telegraph Red, #C8102E. 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 The Telegraph's colors consistently when it generates UI.
Make something in the spirit of The Telegraph
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.