Skip to main content

COLOR‎

A burst of recognition

ma_dc_section-header_COLOR

KEY TAKEAWAYS

01

Provide a background canvas
Our canvas colors provide a neutral background that makes our Symbol colors pop, helping us stand out in a visually saturated world.

Choose a canvas color that matches the tone of the photo you’re using; if the photo is light, use a lighter canvas color, and if the photo is dark, use a darker one.

02

Direct the eye
We can use accent colors to lead the eye on a journey through our communications, enhancing the reading experience.

Create cohesion across communications by using orange as the primary accent color to highlight.

03

Simplify information
Using accent colors can help make information and insights clear, simple, and easier to absorb.

Use canvas colors as your base and add accent colors purposefully.

Use accent colors in this order: orange, yellow, gold, green (teal and red follow, but only use if all other accents are in use).

KEY TAKEAWAYS

01

02

Direct the eye
We can use accent colors to lead the eye on a journey through our communications, enhancing the reading experience.

Create cohesion across communications by using orange as the primary accent color to highlight.

03

Simplify information
Using accent colors can help make information and insights clear, simple, and easier to absorb.

Use canvas colors as your base and add accent colors purposefully.

Use accent colors in this order: orange, yellow, gold, green (teal and red follow, but only use if all other accents are in use).

Brand colors build recognition across all contexts. The careful application of our canvas colors and accent colors supports the red, orange, and yellow of our Symbol, driving impact and standout.

UNIQUELY MASTERCARD

For many years we were the brand of yellow and red. Pushing us into an identity that reflected a forward-thinking technology company required a more varied palette, while retaining the elegance of black that had become associated with priceless.

DID YOU KNOW?

People process color even before shape or language. This means that color is a powerful way of communicating identity instantly.

Canvas colors

White
RGB 230/126/34
 

Gray 1
RGB 241/239/235
 

Gray 2
RGB 211/207/200
 

Gray 3
RGB 179/176/169
 

Grey 4
RGB 179/176/169
 

Grey 5
RGB 84/82/79
 

Grey 6
53/52/50
 

Grey 7
36/36/35
 

Mastercard Black
RGB 20/20/19

Accent colors

White
Orange 4
RGB 255/103/27
 

Gold 4
RGB 243/139/0
 

Yellow 4
RGB 255/200/31
 

Green 4
RGB 141/185/46

------


Red 4
RGB 210/42/47
 

Teal 4
RGB 79/205/176

SPECIFICATIONS


ACCENT COLORS

 


Orange 4*
RGB 255/103/27
Hex #ff671b
CMYK 0/75/100/0
Pantone® 166C

Orange 4
circle

RGB         CMYK
1
255/225/209 0/15/20/0
2 255/194/164 0/30/40/0
3 255/149/96 0/52/70/0
4 255/103/27  0/75/100/0
5 178/72/19     0/75/100/34
6 102/41/11      0/75/100/68
7 51/21/5         0/75/100/90


Orange 4*
RGB 255/103/27
Hex #ff671b
CMYK 0/75/100/0
Pantone® 166C

Gold 4
circle

   RGB             CMYK
1
253/232/204 0/9/20/0
2 250/209/153 0/18/40/0
3 247/174/77      0/31/70/0
4 243/139/0       0/44/100/0
5 170/97/0         0/44/100/34
6 97/56/0          0/44/100/68
7 49/28/0          0/44/100/90


Orange 4*
RGB 255/103/27
Hex #ff671b
CMYK 0/75/100/0
Pantone® 166C

Yellow 4
circle

RGB         CMYK
1
255/244/210 0/6/20/0
2255/233/165 0/12/40/0
3255/217/99   0/20/70/0
4255/200/31   0/29/100/0
5178/140/22    0/30/100/34
6102/80/12      0/29/100/68
751/40/6          0/29/100/90


Orange 4*
RGB 255/103/27
Hex #ff671b
CMYK 0/75/100/0
Pantone® 166C

Green 4
circle

RGB         CMYK
1 232/241/213 10/2/20/0
2 209/227/171 20/3/40/1
3 175/206/109 36/6/70/1
4 141/185/46    51/8/100/2
5 98/129/32     51/8/100/36
6 56/74/18       51/8/100/69
7 28/37/9         51/8/100/90


Orange 4*
RGB 255/103/27
Hex #ff671b
CMYK 0/75/100/0
Pantone® 166C

Red 4
circle

RGB CMYK
1
246/212/213 0/20/20/1
2 237/170/172 0/40/40/1
3 224/106/110 0/70/68/2
4 210/42/47    0/100/98/3
5 147/29/33     0/100/98/36
6 84/17/19       0/100/98/69
7 42/8/9          0/100/98/91


Orange 4*
RGB 255/103/27
Hex #ff671b
CMYK 0/75/100/0
Pantone® 166C

Teal 4
circle

RGB         CMYK
1
220/245/239 12/0/6/0
2 185/235/223 25/0/12/0
3 132/220/200 43/0/20/0
4 79/205/176   62/0/29/0
5 55/143/123    62/0/29/34
6 39/102/88     62/0/29/57
7 16/41/35         62/0/29/90

*The Pantone values for our Orange, Yellow and Red accent colors are intentionally different from the Pantone values of our Symbol and Brand Mark – take special care that you’re using the right values for your application.

 


CANVAS COLORS

 

 

White
RGB 255/255/255
Hex #ffffff
CMYK 0/0/0/0
 


Mastercard Black
RGB 20/20/19
Hex #141413
CMYK 50/0/0/100
Pantone® Black 6C


Canvas

Grays

     RGB              CMYK
1
   241/239/235 3/4/5/6
2   211/207/200 6/7/10/17
3   179/176/169 6/7/10/30
4   132/129/125 6/7/10/48
5   84/82/79     6/7/10/67
6   53/52/50     6/7/10/80
7   36/36/35     6/7/10/86

** When typesetting black text in print, do not use the Mastercard Black but the CMYK value of 0/0/0/100 instead.


COLORS RESERVED FOR SYMBOL AND BRAND MARK ONLY

 

Mastercard Red
RGB 235/0/27
Hex #eb001b
CMYK 0/100/98/3
Pantone® 2035C


Mastercard Orange
RGB 255/95/0
Hex #ff5f00
CMYK 0/75/100/0
Pantone® 165C


Mastercard Yellow
RGB 247/158/27
Hex #f79e1b
CMYK 0/44/100/0
Pantone® 1375C