, ,

Stripe Brand Guidelines: Blurple, Gradients & Type

·

Brand Guidelines · Field Guide

Stripe Brand Guidelines

A blue-purple you’ll recognise anywhere, and a gradient so influential it became the default look of fintech.

FIG 1.0 — GRADIENT + SLASH

FIG 1.1 — GROTESQUE
Aa

Two constants: the blurple and a signature mesh gradient. Abstract homage — not the Stripe wordmark or badge.

Blurple
#635BFFBlue + purple
Aesthetic
GradientSince ~2020
Typeface
SöhneKlim Type Foundry
Motif
The slashfrom /dev/payments
01

The gradient that ate fintech

Look at almost any developer tool or payments startup and you’ll see Stripe’s fingerprints — a look Stripe invented and everyone else borrowed.

Around 2020, Stripe’s redesign leaned into a signature visual language: smooth, skewed mesh gradients and crisp diagonal angles, all built in the browser with WebGL. It felt modern, technical and premium — the digital equivalent of brushed aluminium — and it became, by wide agreement, the most imitated look on the internet for fintech and dev-tool brands. That’s the rare power move in branding: not just standing out, but setting the aesthetic that a whole industry then copies. Stripe didn’t follow a trend; it started one.

02

Colour

Stripe’s colour even has a nickname: “blurple,” a blend of blue and purple. Click a swatch to copy the hex.

The signature is #635BFF — an electric indigo that reads as both trustworthy (blue) and modern (purple). It’s paired with a deep slate #0A2540 for grounding and lighter lilacs (#7E6BFD, #A99DFE) that feed the gradients. The colours rarely sit flat; they blend, glow and skew, which is what gives Stripe’s pages their sense of depth and motion. One ownable hue, extended into a whole gradient system — simple to recognise, endlessly flexible.

Click to copy
Blurple
#635BFF
Primary
Click to copy
Slate
#0A2540
Ground
Click to copy
Lilac
#7E6BFD
Gradient
03

Typography

The type is precise and understated — a grotesque that looks like clean, well-documented code.

Stripe’s brand typeface is Söhne, designed by Kris Sowersby of New Zealand’s Klim Type Foundry and adopted in the ~2020 redesign. It’s a modern grotesque — a nod to the Helvetica lineage but with subtle warmth — that reads crisply from a giant headline down to a line of code in the docs. (It replaced Stripe’s earlier brand face, Camphor.) The choice fits the audience exactly: developers who value precision, clarity and things that just work. No flourish, no noise — just impeccable execution.

Aa Gg 01

Precise, neutral, technical — legible from billboard to code sample. (Specimen set in Hanken Grotesk, a grotesque in Söhne’s family of forms.)

Söhne · brandGrotesqueCamphor (previous)

04

The slash

There’s a tiny detail hidden in the Stripe wordmark that only developers tend to catch.

Stripe began life at Y Combinator under the name /dev/payments — a play on the Unix file path /dev/. That heritage survives as a subtle slash motif woven into the brand: the diagonal strokes on the wordmark’s letters and the angled compositions across the site all echo the “/” of a file path and a line of code. It’s a quiet in-joke aimed squarely at the engineers Stripe builds for — and a reminder that the best brand details reward the exact audience they’re meant for.

05

Design as a developer courtesy

Stripe’s real design masterpiece isn’t the gradient — it’s the documentation.

For a company whose customers are engineers, the most important brand surface is the docs, and Stripe treated them as a design problem worthy of the same care as any landing page. The famous two-column layout — prose on the left, runnable code on the right, with a language toggle that rewrites every example at once — set a standard the rest of the industry rushed to copy. The precise Söhne type, the generous spacing and the syntax colouring drawn from the brand palette all serve a single goal: reduce the friction between reading about a payment and shipping one. In a category built on trust, making the hard thing feel easy is itself a branding act.

That respect for the reader runs through everything Stripe makes, and it explains why the polish never tips into decoration for its own sake. The company has invested in genuinely craft-led side projects — beautifully typeset annual letters, the Stripe Press imprint that publishes physical books on progress and ideas, and meticulously art-directed conference materials — all of which signal a brand that cares about how things are built. The through-line is a kind of engineering aesthetic: clean lines, exact spacing, no wasted motion, the visual equivalent of well-factored code. It is why the identity feels credible to a technical audience that is quick to dismiss anything that looks like marketing. Stripe earns attention not by being loud but by being precise, and that precision — extended consistently from a mesh gradient to a footnote in the docs — is the quiet argument that a payments company can be trusted with the most sensitive part of a business. It is a philosophy that treats every detail a developer might encounter, however small, as part of the same coherent product, and that refusal to let anything feel unconsidered is exactly what turned a set of payment APIs into one of the most admired brands in software.

06

Explore & save

Keep Stripe’s identity on hand — save it to a board in the Made Good inspiration library.

Stripe identity set

Pin the blurple, the gradient and the type to your own board.

Gradient + Slash
Homage
Aa
Grotesque
Söhne spirit
Core Palette
Blurple / Slate

♡ Save to a board

07

Source & notes

Editorial reference. This article reports publicly documented facts about Stripe’s identity; it is not affiliated with, or endorsed by, Stripe. The Stripe wordmark and “Powered by Stripe” badge are trademarks of Stripe — the graphics here are original abstract homages (a gradient and a generic slash; colour swatches), not the Stripe logo, and are not reproduced from Stripe’s assets. Facts verified against Stripe’s brand-assets page and design-press records; Söhne is by Klim Type Foundry (Kris Sowersby).