DaFont
dafont.com · set in Arial
Save3Unofficial A style guide made by SiteStyleGuide from fedex.com’s public web pages. Not affiliated with or endorsed by FedEx. The real site is fedex.com ↗
Unofficial style guide
FedExstyle guide
FedEx’s website (fedex.com) uses Arial for its headings and body text. Its palette is led by Indigo (#660099), Red (#FF0000) and Dark Magenta (#993399), with #000000 text on #FFFFFF. Captured from the live site on 23 October 2026.
- Website
- fedex.com
- Typefaces
- Arial
- Palette
- 4 neutrals, 3 colours
- Captured
- 23 Oct 2026 · added by @sitestyleguide
https://www.fedex.com/
Screenshot
fedex.com
Identity & metadata
What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.
Title &
description
- Page title
- FedEx | System Down
- ● 19 / 60 characters
- Meta description
- Missing
- ▲ 0 / 160 characters
In search results
FedExhttps://www.fedex.com/
FedEx | System Down
When shared
No og:image, so no picture
fedex.com
FedEx | System Down
Logo & favicons
No logo could be found on the homepage.
Logo
Favicons
0 foundThe site doesn’t seem to have a favicon.
Colour
Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.
Contrast is against the site’s text colour (#000000) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.
Colour
Balance
How much each colour is used- White 31.7%
- Indigo 26.1%
- Black 25.8%
- Off White 5.9%
- Grey 4.7%
- Red 3.5%
- Dark Magenta 2.4%
By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.
Neutrals
Text, backgrounds and structure-
White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 0
- On text
- 21.00:1 AAA
- On white
- —
Background, text · body, .buttonpurple
-
Black
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 100
- On text
- —
- On white
- 21.00:1 AAA
Text · body, div
-
Off White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 10
- On text
- 16.83:1 AAA
- On white
- 1.25:1 Fail
Background · tr.resultsgray, tr.resultsgraysmall
-
Grey
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 40
- On text
- 7.37:1 AAA
- On white
- 2.85:1 Fail
Text · .mainheader2, .stepsoff
Colours
Brand colours and accents, most used first-
Indigo
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 33 100 0 40
- On text
- 2.02:1 Fail
- On white
- 10.37:1 AAA
Text, background · .buttonpurple, a:link
-
Red
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 100 100 0
- On text
- 5.25:1 AA
- On white
- 4.00:1 AA large
Text · .error, a:link.newsalert
-
Dark Magenta
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 67 0 40
- On text
- 3.29:1 AA large
- On white
- 6.39:1 AA
Text · a:visited
Typography
Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.
Arial
Aa
400
Aa
700
Arial
System font, or not loaded on this page · weights 400, 700 · body, headings · shown in a stand-in if you don’t have it
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”
Type scale
From the site’s CSS
Heading 1
—
weight 400 · Arial
FedEx
Heading 2
—
weight 400 · Arial
FedEx | System Down
Heading 3
—
weight 400 · Arial
FedEx | System Down
Heading 4
—
weight 400 · Arial
FedEx | System Down
Heading 5
—
weight 400 · Arial
FedEx | System Down
Heading 6
—
weight 400 · Arial
FedEx | System Down
Body
12px
Arial
The quick brown fox jumps over the lazy dog.
Paragraph
12px
Arial
The quick brown fox jumps over the lazy dog.
Sizes in use
Most common across the site- 18px1 rules
- 14px1 rules
- 12px14 rules
- 11px14 rules
Elements
The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.
Elements
Button
Get started
.buttonpurple · #660099
Layout
Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.
Grid
No breakpoints or content widths could be read.
Notes
Plain checks on what was found. Worth fixing if you look after this site.
Notes
- ● FineThe title is 19 characters, short enough to show in full in search results.
- ▲ CheckThere is no meta description, so search engines will pick text from the page.
- ▲ CheckThere is no og:image, so links shared on social media show no picture.
- ▲ CheckThe page doesn’t declare its language (the lang attribute on <html>).
- ▲ CheckNo favicon could be found.
Questions
Quick answers, from the same capture as the rest of this guide.
Questions
- What font does FedEx use?
- FedEx’s website uses one typeface: Arial (headings and body text), a system font.
- What are FedEx’s brand colours?
- The main colours on fedex.com are Indigo (#660099), Red (#FF0000), Dark Magenta (#993399), White (#FFFFFF), Black (#000000) and Off White (#E6E6E6).
- What colour is FedEx’s text and background?
- Body text is #000000 on a #FFFFFF background.
- Is this FedEx’s official style guide?
- No. SiteStyleGuide made it from fedex.com’s public web pages on 23 October 2026, and isn’t affiliated with FedEx. Members can refresh a guide after 90 days to pick up changes.
Design tokens
Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.
Tokens
fedex-com-tokens.css
/* fedex.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/fedex.com) */
:root {
/* Colours */
--text: #000000;
--background: #FFFFFF;
--colour-white: #FFFFFF;
--colour-black: #000000;
--colour-off-white: #E6E6E6;
--colour-grey: #999999;
--colour-indigo: #660099;
--colour-red: #FF0000;
--colour-dark-magenta: #993399;
/* Typefaces */
--font-body: 'Arial', 'Helvetica', 'Verdana', sans-serif;
--font-headings: 'Arial', 'Helvetica', 'Verdana', sans-serif;
/* Type scale */
--text-body: 12px;
--text-p: 12px;
}
{
"site": "fedex.com",
"source": "https://sitestyleguide.com/fedex.com",
"text": "#000000",
"background": "#FFFFFF",
"colours": [
{
"name": "White",
"hex": "#FFFFFF",
"rgb": [
255,
255,
255
]
},
{
"name": "Black",
"hex": "#000000",
"rgb": [
0,
0,
0
]
},
{
"name": "Off White",
"hex": "#E6E6E6",
"rgb": [
230,
230,
230
]
},
{
"name": "Grey",
"hex": "#999999",
"rgb": [
153,
153,
153
]
},
{
"name": "Indigo",
"hex": "#660099",
"rgb": [
102,
0,
153
]
},
{
"name": "Red",
"hex": "#FF0000",
"rgb": [
255,
0,
0
]
},
{
"name": "Dark Magenta",
"hex": "#993399",
"rgb": [
153,
51,
153
]
}
],
"fonts": [
{
"name": "Arial",
"stack": "Arial, Helvetica, Verdana, sans-serif",
"weights": [
400,
700
],
"source": "System font, or not loaded on this page"
}
]
}
Share
Links open each service’s own share page. Nothing from them loads here.
Share
Run fedex.com?
Add the badge to your siteLink to this guide from your own site, so your team, designers and agencies can find your colours and fonts in one place.
<a href="https://sitestyleguide.com/fedex.com" title="FedEx style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>
Also set in Arial
Other websites using Arial as their main typeface
Similar colours
Websites whose lead colour is closest to FedEx’s
JustGiving
justgiving.com · 2 days ago
Save
Radiopaedia
radiopaedia.org · 5 days ago
Save
Rakuten
rakuten.com · 4 days ago
Save
ABC
abc.com · 2 days ago
Save
Captured from fedex.com on 23 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by FedEx; this guide describes the public website for reference.