--- title: "Plaid brand guidelines: logo, colors and fonts | Rainbrand" description: "Plaid’s logo, colors (#111111, #42F0CD, #0E94D8), fonts (Plaid Sans, Cern), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/plaid/" --- (Brand guidelines) // Finance # Plaid brand guidelines Plaid’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from plaid.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/plaid/plaid-brand-skill.zip) ![Plaid logo](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fplaid%2Fplaid-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Black #111111 - Mint #42F0CD - Ocean blue #0E94D8 - Navy #00172E ## About Plaid Plaid builds developer-friendly financial infrastructure that securely connects people’s financial accounts to the services they choose. Its mission is to unlock financial freedom for everyone through accessible, thoughtfully designed financial experiences. ## Plaid logo - ![Plaid logo](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fplaid%2Fplaid-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Lockup · SVG [Download Plaid logo](https://www.rainbrand.com/brand-guidelines/plaid/plaid-wordmark.svg) - ![Plaid symbol](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fplaid%2Fplaid-icon-2.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Icon · SVG [Download Plaid symbol](https://www.rainbrand.com/brand-guidelines/plaid/plaid-icon-2.svg) Use the Plaid logo, the woven symbol beside the PLAID wordmark, for clear brand identification, and the symbol on its own where a compact brand signature is needed. Plaid sets its logo in black on light backgrounds. Preserve each mark’s proportions and artwork. ## Plaid colors - Black Logo and text on light backgrounds HEX #111111 Copy HEX RGB 17, 17, 17 Copy RGB - Mint Bright end of the signature gradient HEX #42F0CD Copy HEX RGB 66, 240, 205 Copy RGB - Ocean blue Middle of the signature gradient HEX #0E94D8 Copy HEX RGB 14, 148, 216 Copy RGB - Navy Dark text and dark backgrounds HEX #00172E Copy HEX RGB 0, 23, 46 Copy RGB - Deep blue Dark end of the signature gradient HEX #07578C Copy HEX RGB 7, 87, 140 Copy RGB - White Light backgrounds HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB ## Plaid fonts - Plaid Sans Headings · 500 - Cern Body · 400, Small headings · 500 - Inconsolata Code · 400 Font names only. The Brand Skill download doesn’t include font files. ## Plaid’s voice Plaid’s voice is direct, optimistic, and grounded in practical outcomes. Explain complex financial infrastructure in clear language, connect capabilities to what people and businesses can do, and keep the mission of broader access in view. Use confident, benefit-led statements that name what Plaid makes possible, and allow a light, knowing wink for developers. - “Turn data into revolutionary financial products” - “Powered by the largest financial network. Built for every financial need” - “Want access to 12K banks? We’ve got the API keys” - “A network that makes your products better” ## Dos and don’ts ### Do - Lead with the outcome, then explain the product capability in concrete terms. Plaid connects financial data and payments to faster, safer, more useful experiences. - Keep language clear and active, with short benefit-led headlines such as “Turn data into revolutionary financial products.” - Tie innovation to the human benefit: access, control, confidence, and less friction. - Set headlines in Plaid Sans and body text in Cern, and use the blue-to-mint gradient for brand moments. ### Don’t - Don’t make financial infrastructure sound abstract or detached from people’s needs; explain what it enables. - Don’t use vague hype in place of a specific benefit or capability. Plaid’s product language names the work: verify, connect, move, protect, and understand. - Don’t let decorative visuals obscure the product, data, or user outcome. Plaid’s product storytelling makes the function legible through clear interface examples and focused illustrations. - Don’t redraw, recolor, or stretch the logo; keep it in black on light backgrounds. ## More from the Brand Skill ### Brand and marketing imagery Plaid’s own visual world includes identity artwork, campaign graphics, and marketing compositions. The work pairs financial subject matter with confident, contemporary visual treatments, including abstract linework, gradients, and playful money-related imagery. ### Illustrations Plaid’s illustrations translate financial actions and data into approachable, modern visuals. Look for clean shapes, purposeful linework, gradients, and visual metaphors that make a capability easy to understand. Product illustrations should clarify the use case rather than function as decoration alone. ### Photography and culture imagery For company and careers storytelling, use candid, human imagery that feels connected to real work and shared purpose. Plaid’s culture material shows team members, workplaces, and the people building financial services. ### Product experience and interface imagery Preserve Plaid’s product interfaces as product references. Use real-feeling, legible interface compositions to show how people connect accounts, review information, configure rules, and act on insights. Pair interface detail with a clear explanation of what the user can accomplish. ## Download Plaid’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 Plaid’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/plaid/plaid-brand-skill.zip) plaid-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ imagery-brand-and-marketing.md │ ├ imagery-illustration.md │ ├ imagery-photography-and-culture.md │ ├ voice.md │ ├ dos-and-donts.md │ ├ imagery-product-experience.md │ ├ colors.md │ ├ logo.md │ └ typography.md └ assets/logos/ ├ plaid-wordmark.svg └ plaid-icon-2.svg Rainbrand’s Brand Agent built this Brand Skill from plaid.com on 30 Oct 2026. It isn’t Plaid’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Plaid and its logos are trademarks of Plaid Inc. Rainbrand isn’t affiliated with or endorsed by Plaid Inc. ## 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/) - [Mastercard brand guidelines](https://www.rainbrand.com/brand-guidelines/mastercard/) Finance - [Mercury brand guidelines](https://www.rainbrand.com/brand-guidelines/mercury/) 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/)