FedEx colors

The FedEx color palette has 2 colors: FedEx Purple #4D148C and FedEx Orange #FF6200. Below are HEX, RGB, HSL and OKLCH codes, contrast checks, CSS and Tailwind variables, all from its live website code checked on 16 October 2026.

FedEx color codes

FedEx brand colors in HEX, RGB, HSL and OKLCH
ColorRoleHEXRGBHSLOKLCH
FedEx PurplePrimary#4D148Crgb(77, 20, 140)hsl(268, 75%, 31%)oklch(36.4% 0.177 298)
FedEx OrangeAccent#FF6200rgb(255, 98, 0)hsl(23, 100%, 50%)oklch(69.1% 0.207 42.3)

Select a color to open its own page with tints, shades, harmonies and every color format, or open the whole set in the palette generator.

Where the FedEx colors come from

FedEx does not publish hex values in public brand guidelines, so these were read from the code of its live website (stylesheets and the SVG files it serves) on 16 October 2026. They are the colors www.fedex.com actually renders, which can differ slightly from print or logo colors.

FedEx color contrast

White text on FedEx Purple has a contrast ratio of 11.70:1 and passes WCAG AAA for any text size. Used as a text color, FedEx Purple reaches 11.70:1 on white and 1.79:1 on black. Ratios are WCAG 2 (truncated, never rounded up); APCA Lc is shown as a second opinion.

White and black text on FedEx colors
PairWCAG 2 ratioWCAG 2 resultAPCAAPCA guidance
White on FedEx Purple11.70:1AAALc -99.5Preferred for body text
Black on FedEx Purple1.79:1FailsLc 8.3Not readable
White on FedEx Orange3.00:1AA large textLc -60.9Content text, not long reading
Black on FedEx Orange6.99:1AALc 48.5Large or bold text, headings
FedEx colors on each other
PairWCAG 2 ratioWCAG 2 resultAPCAAPCA guidance
FedEx Purple on FedEx Orange3.90:1AA large textLc 38.1Non-text elements, placeholder text

FedEx colors in CSS and Tailwind

Copy the FedEx palette as CSS custom properties or as a Tailwind CSS v4 theme. The last snippet is an 11-step Tailwind scale (50 to 950) generated in OKLCH from FedEx Purple, for hover states, borders and tinted backgrounds.

CSS variables
:root {
  --fedex-purple: #4D148C;
  --fedex-orange: #FF6200;
}
Tailwind CSS v4 theme
@import "tailwindcss";

@theme {
  --color-fedex-purple: #4D148C;
  --color-fedex-orange: #FF6200;
}
Tailwind scale generated from FedEx Purple #4D148C
@theme {
  --color-fedex-50: #F6F3FF;
  --color-fedex-100: #ECE5FF;
  --color-fedex-200: #DED1FF;
  --color-fedex-300: #C9B1FF;
  --color-fedex-400: #AF84FF;
  --color-fedex-500: #9E5CFF;
  --color-fedex-600: #8F1DFF;
  --color-fedex-700: #7A00DE;
  --color-fedex-800: #6306B7;
  --color-fedex-900: #4D148C;
  --color-fedex-950: #2F1354;
}

Named colors closest to the FedEx palette

The nearest named color to each brand color, measured as perceptual distance (ΔE OK) in OKLab. Under 0.02 is hard to tell apart; above 0.05 the difference is easy to see.

Brand colorHEXNearest named colorNamed HEXΔE OK
FedEx Purple#4D148CIndigo#4B00820.028
FedEx Orange#FF6200Bright Orange#FF5B000.012

Palettes like FedEx

Curated palettes that include a color close to FedEx Purple #4D148C.

How to use a FedEx-style palette

  • Lead with FedEx Purple #4D148C for buttons, links and key highlights, with white text on it.
  • FedEx lists no neutrals, so pair FedEx Purple with white or a near-black for about 60% of the layout and let FedEx Purple take about 30%.
  • Keep FedEx Orange for small accents (around 10%): status colors, illustrations or charts.
  • As text on a white page, FedEx Purple reaches 11.70:1: it passes WCAG AAA for any text size.

To see how www.fedex.com uses these colors today, including backgrounds, text and dark mode, run it through the website color extractor. To turn FedEx Purple into a full light and dark color system with accessible roles, open it in the Color System Studio.

More brand colors

Trademarks

Frequently asked questions

What is the FedEx hex color?

The main FedEx color is FedEx Purple #4D148C, which is rgb(77, 20, 140) in RGB. It comes from the CSS and SVG files of FedEx's live website (FedEx publishes no official hex values), checked on 16 October 2026.

What colors does FedEx use?

FedEx uses 2 core colors: FedEx Purple #4D148C and FedEx Orange #FF6200.

What is FedEx Purple in RGB, HSL and OKLCH?

FedEx Purple #4D148C is rgb(77, 20, 140), hsl(268, 75%, 31%) and oklch(36.4% 0.177 298). The closest named color is Indigo #4B0082.

Should text on FedEx Purple be white or black?

White text reads better on FedEx Purple: it has a contrast ratio of 11.70:1, which passes WCAG AAA for any text size.

Where do these FedEx colors come from?

The hex values were read from FedEx's live website code at https://fedex-static.brightspotgocdn.com/resource/00000197-31fc-d8ba-a3b7-fbff70510000/styles/default/All.min.1d192421bad8ddd41841976bd316ee33.gz.css on 16 October 2026. Contrast, RGB, HSL and OKLCH values on this page are calculated from those hex codes.

Can I use the FedEx colors in my own design?

Colors on their own are not owned, but FedEx's name, logo and the way it combines its colors are trademarks. Use these values to match FedEx when you refer to it, follow its official guidelines, and do not imply a link to FedEx in your own brand.

Use the FedEx colors

Check www.fedex.com live, build a color system from FedEx Purple, or remix the palette.