Color Palette

Overview

The correct use of the USPS® brand colors is important to maintain consistency across our digital properties. USPS colors are instantly recognizable and a part of our heritage and personality.

  • Use only the USPS digital color palette. New colors must go through the Digital Style Guide Governance Team and be approved by USPS Brand Marketing and Digital Media and Online Digital Media.
  • Follow accessibility and contrast requirements. Text and design elements must meet Section 508, WCAG, and USPS standards for accessibility and readability.
  • Use Secondary Palette proportionally. The Primary Palette should be dominant across USPS digital properties with the Secondary Palette supporting it.

Primary Palette

Our primary colors should be used prominently throughout USPS digital properties.

USPS Digital Blue: #333366
Principle Color
White: #FFFFFF
Background
Text Gray: #595959
Primary body text color
Text Black: #000000
Secondary body text color

Secondary Palette

The Secondary Palette supports the Primary Palette with specific use accent colors, functional grays, and backgrounds.

Specific Use Colors

USPS Digital Red: #E71921
Error/Alert Messaging

Text use only for alerts and error messaging. Limited use as a graphical accent color, including directional accents.

USPS Digital Green: #218748
Approval, e-Commerce/Transaction Buttons

Used for e-Commerce point-of-sale and for indicating positive activities like delivery confirmations and payment submissions.

USPS Digital Accent Blue: #3573B1
Graphics accent and alternative text link color.

Used in megamenu, for select inline links, and where a contrast to USPS Digital Blue is required.

USPS SSK Blue: #1073EA
Self-Service Kiosks Process Text/Accessibility Mode Indicators

For use on Self-Service Kiosks only; no application on USPS.com domain.

Functional Grays

Light Background Gray: #F7F7F7
Prominent Background Gray
Background Hover Gray: #EDEDED
Dark Background Gray: #D8D8D8
Text Hover/Form Field Rules Gray: #999999

Text/Background Combos

The following text/background color combinations meet applicable color contrast requirements and are the only combinations that should be used.

White

Background: USPS Digital Blue/#333366

Text: White/#FFFFFF

Background Hover Gray

Background: USPS Digital Blue/#333366

Text: Background Hover Gray/#EDEDED

Light Background Gray

Background: USPS Digital Blue/#333366

Text: Light Background Gray/#F7F7F7

USPS Digital Red

Background: USPS Digital Red/#E71921

Text: White/#FFFFFF

Limited Use

USPS Digital Green

Background: USPS Digital Green/#218748

Text: White/#FFFFFF

Limited Use

USPS Digital Blue

Background: White/#FFFFFF

Text: USPS Digital Blue/#333366

Text Gray

Background: White/#FFFFFF

Text: Text Gray/#595959

Limited Use

Black

Background: White/#FFFFFF

Text: Black/#000000

Limited Use

USPS Digital Red

Background: White/#FFFFFF

Text: USPS Digital Red/#E71921

Limited Use

USPS Digital Accent Blue

Background: White/#FFFFFF

Text: USPS USPS Digital Accent Blue/#3573B1

Limited Use

USPS Digital Accent Blue

Background: Light Background Gray/#F7F7F7

Text: USPS Digital Accent Blue/#3573B1

Limited Use

USPS Digital Green

Background: White/#FFFFFF

Text: USPS Digital Green/#218748

Limited Use

USPS Digital Blue

Background: Light Background Gray/#F7F7F7

Text: USPS Digital Blue/#333366

Light Background Gray

Background: Light Background Gray/#F7F7F7

Text: Text Gray/#595959

Black

Background: Light Background Gray/#F7F7F7

Text: Black/#000000

USPS Digital Accent Blue

Background: Light Background Gray/#F7F7F7

Text: USPS Digital Accent Blue/#33573B1

Text Gray

Background: Hover Background Gray/#EDEDED

Text: Text Gray/#595959

USPS Digital Blue

Background: Hover Background Gray/#EDEDED

Text: USPS Digital Blue/#333366

Black

Background: Hover Background Gray/#EDEDED

Text: Black/#000000

USPS Digital Blue

Background: Dark Background Gray/#D8D8D8

Text: USPS Digital Blue/#333366

Black

Background: Dark Background Gray/#D8D8D8

Text: Black/#000000