0

Skip to Content

WMRMC Web Styles

Fonts

Colours

Icons

Buttons

WMRMC Web Styles

Fonts

Colours

Icons

Buttons

Fonts

Colours

Icons

Buttons

Colours

Our primary palette are the colors that are most instantly recognizable as Walmart: True Blue, Spark Yellow, and White.

Our accent blues bring warmth and depth to our brand identity. Bentonville Blue is used for headlines, while Charcoal is used for body copy.

TRUE BLUE

#0053E2

WHITE

#FFFFFF

SKY BLUE

#A9DDF7

EVERYDAY BLUE

#4DBDF5

BENTONVILLE BLUE

#001E60

SPARK YELLOW

#FFC220

DARK CHARCOAL

#333333

LIGHT BLUE

#E1F0FB

Icons

Our icon system contains three distinct tiers of iconography. Each tier is designed with a different level of visual complexity to serve a specific purpose within our system:

1 Functional Icons

Functional icons are our simplest tier of iconography. They are optimized for use as small-scale UI elements or for simple wayfinding signage.

16px–32px

2 General Icons

General icons are our most robust tier of iconography. They are used in both digital and print applications to visually organize content into sections, groups, or lists.

48px–64px

3 Pictograms

Pictograms are our most detailed tier of iconography. They are used to articulate more nuanced concepts at larger sizes with an added emphasis on storytelling.

72px +

Buttons

Our buttons are pill-shaped with fully rounded ends, appearing in both outlined and solid formats. Outline weight should optically match the weight of our type (set in Everyday Sans regular).

padding: .75rem 1.5rem;
border: .0625rem solid transparent;
border-radius: 4.375rem;

Learn more