--- title: "Mastercard brand guidelines: logo, colors and fonts" description: "Mastercard’s logo, colors (#EB001B, #F79E1B, #FF5F00), fonts (Mark for MC), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/mastercard/" --- (Brand guidelines) // Finance # Mastercard brand guidelines Mastercard’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from mastercard.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/mastercard/mastercard-brand-skill.zip) ![Mastercard Symbol in red, orange and yellow](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fmastercard%2Fmastercard-lockup.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Mastercard Red #EB001B - Mastercard Yellow #F79E1B - Mastercard Orange #FF5F00 - Near-black #141413 ## About Mastercard Mastercard connects people, businesses and governments through payment choices and technology that help make commerce secure, simple, smart and accessible. Its purpose-led work centers on connection, opportunity and participation in the digital economy. ## Mastercard logo - ![Mastercard Symbol in red, orange and yellow](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fmastercard%2Fmastercard-lockup.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Icon · SVG [Download Mastercard Symbol in red, orange and yellow](https://www.rainbrand.com/brand-guidelines/mastercard/mastercard-lockup.svg) The Mastercard Symbol, the two interlocking circles without the name, is the primary brand mark. Use Mastercard’s official artwork and keep it intact: never recolor, outline, stretch, skew, break apart or rearrange its elements. Use the Symbol in full color. Grayscale and solid treatments belong to the Mastercard Brand Mark and are appropriate only when full-color reproduction is unavailable. On light backgrounds use positive artwork; on dark backgrounds use reverse artwork. Maintain sufficient contrast and clear space, and reproduce every mark at a legible size. When writing the brand name, use “Mastercard”: uppercase M, lowercase c, no space. Set it in the same typeface as surrounding text. Do not use the Symbol as a letterform or read-through in a headline or body copy. ## Mastercard colors - Mastercard Red Full-color Mastercard Symbol HEX #EB001B Copy HEX RGB 235, 0, 27 Copy RGB - Mastercard Yellow Full-color Mastercard Symbol HEX #F79E1B Copy HEX RGB 247, 158, 27 Copy RGB - Mastercard Orange Overlap of the circles in the Symbol HEX #FF5F00 Copy HEX RGB 255, 95, 0 Copy RGB - Near-black Text and primary buttons HEX #141413 Copy HEX RGB 20, 20, 19 Copy RGB - Warm off-white Page backgrounds HEX #F3F0EE Copy HEX RGB 243, 240, 238 Copy RGB - Accent orange Website accent for eyebrows, links and highlights HEX #F37338 Copy HEX RGB 243, 115, 56 Copy RGB ## Mastercard fonts - Mark for MC Headings · 500, Body · 450 Font names only. The Brand Skill download doesn’t include font files. ## Mastercard’s voice Write with optimism and purpose. Put people and the opportunities technology creates at the center. Explain benefits plainly, with confidence grounded in what the product or service actually does. Use inclusive language and connect individual experiences to broader participation and progress. - “Powering economies and empowering people” - “Unlocking potential for people, businesses and governments, all around the world” - “Connection is Priceless” - “We are dedicated to unlocking the potential of every individual” ## Dos and don’ts ### Do - Use official Mastercard artwork, preserve its proportions and colors, and give it clear space and sufficient contrast. - Write the name as “Mastercard”, with a lowercase c and no space, in the same typeface as surrounding text. - Lead with the human benefit, use direct language, and connect innovation with security, choice, inclusion or opportunity where relevant. - Keep visual and written communication clear, confident and welcoming. ### Don’t - Don’t recolor, outline, distort, crop, separate or rearrange official Mastercard marks. - Don’t use the full-color Mastercard Symbol in grayscale or another color treatment. - Don’t place the Symbol as a read-through in a headline or body copy. - Don’t overstate a product benefit or rely on vague claims when a specific, understandable benefit is available. ## More from the Brand Skill ### Lifestyle imagery Favor people-centered photography that presents technology and commerce as part of real life. Mastercard’s website shows individuals, families, colleagues and small-business owners in natural settings, often sharing a moment or using a phone, card, tablet or payment device. The tone is warm, candid and optimistic; represent people and places with breadth and dignity. ### Product and graphic imagery Use Mastercard’s circles, product visuals and interface imagery to make payment and technology concepts concrete. Keep the Mastercard identity intact. ## Download Mastercard’s Brand Skill A Brand Skill is a folder of brand guidance written for agents. Give it to Claude, ChatGPT, Cursor or another agent and ask it to follow Mastercard’s guidelines. It starts at SKILL.md, which points to the right file for each task. This copy includes the guidance and logos. It leaves out the reference images and font files. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/mastercard/mastercard-brand-skill.zip) mastercard-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ voice.md │ ├ dos-and-donts.md │ ├ colors.md │ ├ logo.md │ ├ typography.md │ ├ imagery-lifestyle.md │ └ imagery-product-and-graphics.md └ assets/logos/ └ mastercard-lockup.svg Rainbrand’s Brand Agent built this Brand Skill from mastercard.com on 30 Oct 2026. It isn’t Mastercard’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Mastercard and its logos are trademarks of Mastercard International Incorporated. Rainbrand isn’t affiliated with or endorsed by Mastercard International Incorporated. ## Make one for your brand. Add Rainbrand to your agent and give it your website, brand guide or files. Rainbrand builds a Brand Skill like this one and keeps it up to date. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/mcp/getting-started) ### ChatGPT + Codex 1. Open the Rainbrand plugin and add it. [Open Rainbrand plugin](https://chatgpt.com/plugins/plugin_asdk_app_6ac6e5030ec88191a88001f6dc0628ca) 2. Connect your Rainbrand account when asked. It works in ChatGPT and in Codex. ### Claude 1. Open the Rainbrand connector in Claude and add it. [Open Rainbrand connector](https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Rainbrand&connectorUrl=https%3A%2F%2Fmcp.rainbrand.com%2Fmcp) 2. Select Connect, then sign in to Rainbrand. You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.claude-plugin.zip). ### Claude Code 1. Add Rainbrand's plugin marketplace in your terminal. ``` claude plugin marketplace add rainbrandai/rainbrand-skills ``` 2. Install the Rainbrand plugin, including its Skill and MCP connection. ``` claude plugin install rainbrand@rainbrand ``` 3. Start a new Claude Code session, then use /mcp to sign in to Rainbrand. You can also [connect with MCP](https://docs.rainbrand.com/mcp/getting-started#claude-code-installation-options) or install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill). ### Cursor 1. Add Rainbrand to ~/.cursor/mcp.json. ``` { "mcpServers": { "rainbrand": { "url": "https://mcp.rainbrand.com/mcp" } } } ``` 2. Sign in from the Cursor CLI. ``` agent mcp login rainbrand ``` You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.cursor-plugin.zip). ### API 1. Create an API key in your account settings, then list your brands. ``` curl https://www.rainbrand.com/api/v1/brands -H "x-api-key: $RAINBRAND_API_KEY" ``` Integrating Rainbrand into your app? [Read the API docs](https://docs.rainbrand.com/api). ## More brand guidelines [See all brands](https://www.rainbrand.com/brand-guidelines/) - [Mercury brand guidelines](https://www.rainbrand.com/brand-guidelines/mercury/) Finance - [Plaid brand guidelines](https://www.rainbrand.com/brand-guidelines/plaid/) Finance - [Ramp brand guidelines](https://www.rainbrand.com/brand-guidelines/ramp/) Finance The brand layer for agents. Rainbrand builds and maintains shared brand context for your agents and products. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/)