Mastercard
Overlapping warm circles give this palette its identity: Red (#EB001B), Orange (#FF5F00) and Yellow (#F79E1B), with White. The blended warm tones create a sense of connection where the colors meet.
Mastercard uses 4 official brand colors.
Brand Color Palette
Brand Keywords & Themes
Associated design themes and color characteristics
Using This Palette
Tips for incorporating Mastercard's colors into your designs
Design Applications
- Web design and user interfaces
- Marketing materials and presentations
- Brand identity and logo design inspiration
- Social media graphics and content
Note: While these are Mastercard's brand colors, they are trademarked. Use them for inspiration and learning, but avoid direct copying for commercial purposes that could cause brand confusion.
Mastercard Colors for Developers
Copy Mastercard's 4 brand colors straight into your codebase
CSS Variables
:root {
--red: #EB001B;
--orange: #FF5F00;
--yellow: #F79E1B;
--white: #FFFFFF;
}SCSS
$red: #EB001B;
$orange: #FF5F00;
$yellow: #F79E1B;
$white: #FFFFFF;Tailwind v4
@theme {
--color-red: #EB001B;
--color-orange: #FF5F00;
--color-yellow: #F79E1B;
--color-white: #FFFFFF;
}Frequently Asked Questions
Common questions about Mastercard's brand colors
How many official brand colors does Mastercard use?
Mastercard's official brand palette uses 4 colors: Red (#EB001B), Orange (#FF5F00), Yellow (#F79E1B), White (#FFFFFF).
What is Mastercard's primary color hex code?
Mastercard's primary brand color is Red with hex code #EB001B. RGB and HSL conversions are available on this page.
What are the names of Mastercard's brand colors?
Mastercard's 4 brand colors are Red (#EB001B), Orange (#FF5F00), Yellow (#F79E1B), White (#FFFFFF). These are the official names used in Mastercard's brand guidelines and design materials.
Can I use Mastercard's brand colors in my own designs?
Mastercard's colors are trademarked. You can reference the hex codes for inspiration, education, or non-commercial fan projects, but avoid commercial use that could cause brand confusion.
Related Brand Palettes
Visa
Visa combines a deep Visa Blue (#1A1F71) and Bright Blue (#1434CB) with a warm Gold (#F7B600) and White. Navy-and-gold pairings often signal security and a premium sense of trust.
PayPal
Two blues define PayPal — a Dark Blue (#003087) and a Light Blue (#009CDE) — supported by White and a Navy (#012169). Layering blues at different depths reads as secure and dependable, familiar cues in digital finance.
American Express
Amex Blue (#006FCF) leads, with a Dark Blue (#00659C) in support and White and Black as neutrals. A confident single-blue palette conveys steadiness, a familiar tone across financial services.
Chase
Chase works within blue — a Chase Blue (#117ACA) and Light Blue (#0077C8) — alongside White and Black. Clear mid-blues are widely read as stable and trustworthy, apt for a banking identity.
Wells Fargo
Wells Fargo contrasts a strong Red (#D71E28) with a warm Gold (#FFCD41), grounded by Black and White. Red-and-gold pairings feel established and warm, a classic combination in traditional banking.
Bank of America
Bank of America uses a deep Navy (#012169) with a Red (#E31837) flag accent and White. The navy-and-red scheme signals stability and is a classic American banking palette.