Reuters
The Reuters palette, captured from the published reuters-graphics open-source design tokens. The Reuters identity is anchored by the signature orange ($tr-orange = #FA6400) — the brand's unmissable wire-service accent — paired with a deep navy blue ($tr-dark-blue = #005DA2) for trusted-source links and a tight warm-gray scale for body content. The system also publishes a full 6-step palette across orange, blue, navy, purple, red, yellow, lime, green, and brown for editorial graphics.
23 swatches 14 light roles 14 dark roles
Swatches
tr-orange
#FA6400
The signature Reuters orange — the wire-service identity color.
tr-dark-orange
#DC4300
Pressed / active variant of Reuters orange.
tr-light-orange
#FFA100
Lighter orange — quiet accent and graphic ramps.
tr-dark-blue
#005DA2
Trusted-source link blue; the deep Reuters navy.
tr-light-blue
#0099C4
Brighter link blue for hover and emphasis.
tr-muted-blue
#4386B9
Calm secondary blue for muted contexts.
tr-lighter-blue
#7FACCE
Light tint of muted blue — chart fills.
tr-superlight-blue
#E5EEF5
Faint blue surface tint for inset panels.
tr-dark-grey
#404040
Primary text — the body ink Reuters renders on white.
tr-medium-grey
#666666
Secondary text; deck and byline weight.
tr-light-grey
#AFAFAF
Tertiary meta text; quiet captions.
tr-muted-grey
#D0D0D0
Divider and hairline rule weight.
tr-hover-grey
#F8F8F8
Hover surface; alternating row tint.
tr-light-muted-grey
#F4F4F4
Quiet inset surface.
tr-ultra-light-grey
#FAFAFA
Lightest surface — quiet card background.
tr-dark-red
#A00000
Deep red — breaking-news bridges and errors.
tr-light-red
#DC0A0A
Brighter alert red.
tr-dark-green
#387C2B
Confirmation / positive change green.
tr-light-green
#77A22D
Brighter green for positive states.
tr-dark-purple
#621F95
Editorial accent purple — opinion/analysis tags.
tr-light-purple
#6E3AB7
Lighter purple — secondary editorial accent.
black
#000000
Mark / wordmark fill.
white
#FFFFFF
Page canvas — the bright Reuters background.
Mode role mappings
Light mode (14 roles)
accent
→ tr-orange accent-hover
→ tr-dark-orange background
→ white border
→ tr-muted-grey error
→ tr-dark-red primary
→ tr-dark-blue primary-hover
→ tr-light-blue success
→ tr-dark-green surface
→ tr-ultra-light-grey surface-elevated
→ white text-primary
→ tr-dark-grey text-secondary
→ tr-medium-grey text-tertiary
→ tr-light-grey warning
→ tr-light-orange Dark mode (14 roles)
accent
→ tr-orange accent-hover
→ tr-light-orange background
→ tr-dark-grey border
→ tr-medium-grey error
→ tr-light-red primary
→ tr-light-blue primary-hover
→ tr-dark-blue success
→ tr-light-green surface
→ tr-medium-grey surface-elevated
→ tr-light-grey text-primary
→ white text-secondary
→ tr-muted-grey text-tertiary
→ tr-light-grey warning
→ tr-light-orange Provenance
- Source
- https://github.com/reuters-graphics/graphics-svelte-components/blob/main/src/lib/SiteHeader/scss/_colors.scss
- License
ISC / MIT (reuters-graphics open-source repos); brand identity remains property of Thomson Reuters- Attribution
- Thomson Reuters — palette values captured from the published reuters-graphics open-source SCSS at github.com/ reuters-graphics/graphics-svelte-components and the accompanying reuters_colors.json palette. Reuters, the Thomson Reuters mark, and the Knowledge / Reuters Sans typefaces are property of Thomson Reuters.
- Imported
-
2026-05-19 - Notes
- Hex values captured from the reuters-graphics components package on 2026-05-19. The Reuters orange and dark blue appear as named variables in the published SCSS. The proprietary Knowledge typeface family and the Reuters Sans family are not publicly distributed — open-source substitute (Inter@1) is referenced from the brand atom. A full editorial palette JSON (reuters_colors.json) is also published in the trElex graphics repo.