Software & SaaS
Stripe Color Codes
Stripe's color is a blue-violet, #635BFF, used flat across the wordmark. The Stripe color codes in Hex, RGB and CMYK can be found below. The Irish brothers Patrick and John Collison started the company in Palo Alto in 2010; it now runs dual headquarters in South San Francisco and Dublin. Its color is the one most copied by other developer tools, and it sits between blue and purple rather than in either.
Primary colors
What are Stripe Primary Colors?
Stripe's primary color is #635BFF, a blue-violet that most people read as purple on screen and as blue in print.
Stripe publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Stripe Blue
| Hex | #635BFF |
|---|---|
| RGB | 99, 91, 255 |
| HSL | hsl(243, 100%, 68%) |
| CMYK | 61%, 64%, 0%, 0%converted · approximate |
| Pantone | PMS 2736 Cnearest match · not published by the brand |
Stripe Hex Color Codes
Stripe hex color codes are #635BFF for blue.
| Color | Hex |
|---|---|
| Blue | #635BFF |
Stripe RGB Color Codes
Stripe RGB color codes are 99, 91, 255 for blue. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Blue | rgb(99, 91, 255) |
Stripe HSL Color Codes
Stripe HSL color codes are 243, 100%, 68% for blue. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Blue | hsl(243, 100%, 68%) |
Stripe CMYK Color Code
Stripe CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Blue | 61%, 64%, 0%, 0% |
Stripe Pantone Color Codes
Stripe Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Blue | PMS 2736 C |
Logo
Stripe Logo Colors
Stripe logo colors are a single blue-violet, #635BFF, with no second color in the lockup.
Stripe Logo Colors Palette
What the Stripe Logo Colors Mean?
The Stripe logo colors are one value doing every job, which is unusual for a company whose product is mostly interface. There is no symbol beside the wordmark and no secondary brand color to fall back on, so #635BFF has to work as a fill, as a button, and as a gradient anchor across the documentation. It fails WCAG AA as body text on white at 4.13:1, which is why Stripe sets its own body copy in near-black and keeps the blue-violet for surfaces.
Stripe Logo JPG
Stripe logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Stripe Logo PNG
Stripe logo in PNG, with a transparent background. Use it over a colored surface.
Stripe Logo WebP
Stripe logo in WebP. Same transparency as the PNG at about a third of the file size.
Stripe Color Code Shades
Stripe color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Stripe paint or trim names.
In code
Using the Stripe palette
CSS custom properties
:root {
--stripe-blue: #635BFF;
}Contrast against white
| Blue | 4.70:1AA ✓ |
|---|
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.