--- title: "Stripe brand guidelines: logo, colors and fonts | Rainbrand" description: "Stripe’s logo, colors (#533AFD, #061B31, #FFFFFF), fonts (Söhne, Source Code Pro), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/stripe/" --- (Brand guidelines) // Finance # Stripe brand guidelines Stripe’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from stripe.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/stripe/stripe-brand-skill.zip) ![Stripe wordmark in white](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fstripe%2Fstripe-wordmark-white.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Blurple #533AFD - Slate #061B31 - White #FFFFFF - Dark navy #0D1738 ## About Stripe Stripe builds programmable financial infrastructure that helps businesses accept payments, manage money, and grow. Its brand combines ambitious, growth-minded communication with clear, practical product experiences. ## Stripe logo - ![Stripe wordmark in white](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fstripe%2Fstripe-wordmark-white.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Wordmark · SVG [Download Stripe wordmark in white](https://www.rainbrand.com/brand-guidelines/stripe/stripe-wordmark-white.svg) - ![Stripe wordmark in slate](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fstripe%2Fstripe-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Wordmark · SVG [Download Stripe wordmark in slate](https://www.rainbrand.com/brand-guidelines/stripe/stripe-wordmark.svg) Use the Stripe wordmark as the logo. It comes in three colors: slate or blurple on light backgrounds, and white on dark backgrounds. Do not use any other color for the wordmark, and keep it distinct from product illustrations and customer or partner logos. ## Stripe colors - Blurple Signature brand color, wordmark and primary actions HEX #533AFD Copy HEX RGB 83, 58, 253 Copy RGB - Slate Wordmark, headings and text on light backgrounds HEX #061B31 Copy HEX RGB 6, 27, 49 Copy RGB - White Backgrounds and wordmark on dark backgrounds HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB - Dark navy Dark section backgrounds HEX #0D1738 Copy HEX RGB 13, 23, 56 Copy RGB - Off-white Subtle section backgrounds HEX #F8FAFD Copy HEX RGB 248, 250, 253 Copy RGB - Pale blurple Light brand tint for borders and quiet surfaces HEX #B9B9F9 Copy HEX RGB 185, 185, 249 Copy RGB ## Stripe fonts - Söhne Headings · 300, Body · 300, Buttons · 400 - Source Code Pro Code · 500 Font names only. The Brand Skill download doesn’t include font files. ## Stripe’s voice Stripe’s voice is ambitious, direct, and grounded in what businesses can do. Lead with a clear benefit, then explain how the product works in concrete terms. Use specific evidence when making performance claims, and keep technical language accessible without flattening meaningful detail. - “Financial infrastructure to grow your revenue” - “We build programmable financial infrastructure, rethinking from first principles how financial services should work, to make it easier and cheaper for any business to start and scale” - “Run your financial operations without jumping between tools. Receive, store, send, and spend funds all from the Stripe Dashboard” - “A single integration and extensive documentation mean faster time to market, less maintenance of legacy systems, and more focus on customer and product experiences” ## Dos and don’ts ### Do - Make the benefit clear and connect it to a practical business outcome. - Use direct, plain language to explain complex financial tools and workflows. - Support performance claims with precise, relevant figures when available. - Keep product interfaces legible and purposeful, using Blurple for primary actions. - Use the wordmark in slate or blurple on light backgrounds and in white on dark ones. ### Don’t - Don’t rely on broad claims without explaining what the product enables. - Don’t make technical explanations needlessly opaque or ornate. - Don’t set the wordmark in any color other than slate, blurple or white. - Don’t let decorative treatments compromise the clarity of product information or actions. ## More from the Brand Skill ### Imagery brand surfaces Stripe’s brand imagery includes soft, flowing wave forms, geometric Stripe-mark references, and campaign backgrounds. Keep these elements in their established roles as visual atmosphere or campaign artwork. ### Imagery marketing Stripe’s marketing imagery spans product-led illustrations, campaign graphics, customer stories, and editorial artwork. Keep marketing visuals connected to a clear business or product story; use customer imagery in its story context rather than as Stripe identity artwork. ### Imagery product experiences Stripe product imagery includes real and illustrative Dashboard views, payment steps, account workflows, data visualizations, and device interactions. Keep real product views accurate. When creating new product visuals, favor clear hierarchy, readable interface details, and familiar financial tasks such as paying, transferring, reviewing, and reconciling. ## Download Stripe’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 Stripe’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/stripe/stripe-brand-skill.zip) stripe-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ colors.md │ ├ imagery-brand-surfaces.md │ ├ imagery-marketing.md │ ├ imagery-product-experiences.md │ ├ logo.md │ ├ typography.md │ ├ dos-and-donts.md │ └ voice.md └ assets/logos/ ├ stripe-wordmark-white.svg └ stripe-wordmark.svg Rainbrand’s Brand Agent built this Brand Skill from stripe.com on 30 Oct 2026. It isn’t Stripe’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Stripe and its logos are trademarks of Stripe, Inc. Rainbrand isn’t affiliated with or endorsed by Stripe, 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 - [Plaid brand guidelines](https://www.rainbrand.com/brand-guidelines/plaid/) 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/)