Stripe Brand Guidelines
A blue-purple you’ll recognise anywhere, and a gradient so influential it became the default look of fintech.
Aa
Two constants: the blurple and a signature mesh gradient. Abstract homage — not the Stripe wordmark or badge.
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.
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.
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.)
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.
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.
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.



