Reuters color palette
MediaReuters uses a distinctive orange as its primary brand color, complemented by a neutral palette of grays and black for clarity and authority. The color system is designed for high legibility and recognition across digital and print platforms.
reuters.comReuters colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Reuters OrangePrimary255, 128, 0
- Reuters CharcoalSecondary34, 34, 34
- Reuters Light GrayAccent245, 245, 245
Surfaces
Page, cards and dividers.- Reuters WhiteBackground255, 255, 255
- Reuters Surface GraySurface247, 247, 247
- Reuters Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Reuters CharcoalText34, 34, 34
- Reuters Medium GraySecondary text110, 110, 110
- Reuters Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- Reuters Success GreenSuccess60, 179, 113
- Reuters Warning AmberWarning255, 179, 0
- Reuters Error RedError211, 47, 47
- Reuters Info BlueInfo25, 118, 210
Use Reuters's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
reuters-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #F5F5F5;
--border: #E0E0E0;
--primary: #FF8000;
--success: #3CB371;
--surface: #F7F7F7;
--warning: #FFB300;
--secondary: #222222;
--text-muted: #A0A0A0;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #6E6E6E;
}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.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.8:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Reuters gray and neutral colors
The quiet part of the Reuters palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Reuters WhiteBackground
- HEX
- RGB
- HSL
- Reuters Surface GraySurface
- HEX
- RGB
- HSL
- Reuters Border GrayBorder
- HEX
- RGB
- HSL
- Reuters CharcoalText
- HEX
- RGB
- HSL
- Reuters Medium GraySecondary text
- HEX
- RGB
- HSL
- Reuters Muted GrayMuted text
- HEX
- RGB
- HSL
About Reuters's colors
Reuters' color palette is anchored by a vibrant orange, symbolizing energy and clarity, balanced by a range of neutral grays to convey trust and professionalism. The system is optimized for legibility and accessibility in news contexts.
Primary orange is used for highlights and key brand elements.
Charcoal and grays provide a neutral, authoritative base.
Accent and surface grays support readability and visual hierarchy.
Psychology
Orange evokes energy, innovation, and approachability, while the neutral grays and black reinforce reliability and seriousness. This combination supports Reuters' identity as a trustworthy and dynamic news source.
Evolution
Reuters' palette has remained consistent, with orange as the signature color since its major rebrand in the early 2000s. The supporting grays and whites have been refined for digital clarity but the core identity is stable.
Where Reuters uses each color
- Primary
Reuters Orange is used in the logo, key navigation highlights, and call-to-action buttons.
- Secondary
Reuters Charcoal is used for headers, navigation bars, and primary text.
- Accent
Reuters Light Gray appears in backgrounds, cards, and subtle UI elements.
- Backgrounds
Reuters White and Surface Gray are used for main page backgrounds and content areas.
- Text
Charcoal and Medium Gray are used for primary and secondary text across the website and apps.
- Semantic
Success, warning, error, and info colors are used for alerts, notifications, and status indicators.
Reuters color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Reuters brand color is orange, with the hex code #FF8000.
Reuters Orange is #FF8000, which is RGB(255, 128, 0) and CMYK(0, 50, 100, 0).
Reuters uses a range of grays including Charcoal (#222222), Medium Gray (#6E6E6E), Muted Gray (#A0A0A0), and Light Gray (#F5F5F5) for backgrounds, text, and UI elements.
Use Reuters Orange (#FF8000) for brand highlights and calls to action, while relying on the neutral grays and white for backgrounds, text, and interface structure.
The secondary color is Reuters Charcoal, #222222, and the accent is Reuters Light Gray, #F5F5F5. 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 Reuters's colors consistently when it generates UI.
Make something in the spirit of Reuters
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.