Daily Mail color palette
MediaDaily Mail's brand color system is anchored by a distinctive deep blue, reflecting its British heritage and tabloid identity. The palette is complemented by crisp whites, dark grays, and subtle accent blues for clarity and contrast.
dailymail.co.ukDaily Mail colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Daily Mail BluePrimary0, 64, 128
- Mail NavySecondary0, 33, 71
- Mail Accent BlueAccent0, 116, 194
Surfaces
Page, cards and dividers.- Mail WhiteBackground255, 255, 255
- Mail Light GraySurface245, 246, 250
- Mail Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Mail BlackText34, 34, 34
- Mail Dark GraySecondary text75, 75, 75
- Mail Muted GrayMuted text122, 122, 122
Semantic
Feedback and state colors.- Mail Success GreenSuccess60, 179, 113
- Mail Warning YellowWarning255, 180, 0
- Mail Error RedError215, 38, 61
- Mail Info BlueInfo0, 116, 194
Use Daily Mail's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
daily-mail-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0074C2;
--error: #D7263D;
--accent: #0074C2;
--border: #D1D5DB;
--primary: #004080;
--success: #3CB371;
--surface: #F5F6FA;
--warning: #FFB400;
--secondary: #002147;
--text-muted: #7A7A7A;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #4B4B4B;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.1:1
Pass
Muted text on background
Needs 3:1 for large text
4.3:1
Pass
Muted text on surface
Needs 3:1 for large text
4.0:1
Pass
Daily Mail background, border and text colors
The quiet part of the Daily Mail palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Mail WhiteBackground
- HEX
- RGB
- HSL
- Mail Light GraySurface
- HEX
- RGB
- HSL
- Mail Border GrayBorder
- HEX
- RGB
- HSL
- Mail BlackText
- HEX
- RGB
- HSL
- Mail Dark GraySecondary text
- HEX
- RGB
- HSL
- Mail Muted GrayMuted text
- HEX
- RGB
- HSL
About Daily Mail's colors
The Daily Mail color palette is dominated by a deep blue, symbolizing trust and authority, with white and gray tones for readability and contrast. Accent blues and semantic colors provide clarity for UI and editorial elements.
Primary blue is paired with white for strong contrast.
Accent blue is used for highlights and links.
Grays support text hierarchy and UI structure.
Psychology
Blue conveys reliability and tradition, aligning with the newspaper's established reputation. The use of white and gray ensures a clean, accessible reading experience.
Evolution
The palette has remained consistent, with the deep blue and white combination being a longstanding part of the brand's identity. Minor adjustments have been made to accent and neutral tones to improve digital readability.
Where Daily Mail uses each color
- Primary
Used in the masthead, navigation bar, and key brand elements.
- Secondary
Appears in headers, footers, and some navigation backgrounds.
- Accent
Used for links, buttons, and highlights throughout the site.
- Backgrounds
White dominates article backgrounds and main content areas.
- Text
Primary and secondary grays are used for headlines, body text, and metadata.
- Semantic
Success, warning, error, and info colors are used for alerts, notifications, and badges.
Daily Mail color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Daily Mail brand color is #004080, known as Daily Mail Blue.
The RGB value for #004080 is (0, 64, 128). For print, its approximate CMYK is (100, 50, 0, 50).
Daily Mail uses #F5F6FA (Mail Light Gray), #D1D5DB (Mail Border Gray), #4B4B4B (Mail Dark Gray), and #7A7A7A (Mail Muted Gray) for UI and text hierarchy.
Use Daily Mail Blue (#004080) for primary branding, navigation, and emphasis. Grays and whites provide structure, while accent blue and semantic colors highlight actions and statuses.
The secondary color is Mail Navy, #002147, and the accent is Mail Accent Blue, #0074C2. 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 Daily Mail's colors consistently when it generates UI.
Make something in the spirit of Daily Mail
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.