Software & SaaS
Shopify Color Codes
Shopify's colors are green #95BF47 and a darker #5E8E3E on the shopping bag, with white and black for the wordmark. The Shopify color codes in Hex, RGB and CMYK can be found below. Tobias Lutke built the platform because he could not find a good store for Snowdevil, the online snowboard shop he and two friends had opened in 2004, and it launched under its own name in June 2006 out of Ottawa.
Primary colors
What are Shopify Primary Colors?
Shopify's primary color is green #95BF47, with #5E8E3E shading the side of the bag.
Shopify publishes its logo and colors through its brand assets page, so the hex codes here are published rather than sampled.
Shopify Green
| Hex | #95BF47 |
|---|---|
| RGB | 149, 191, 71 |
| HSL | hsl(81, 48%, 51%) |
| CMYK | 22%, 0%, 63%, 25%converted · approximate |
| Pantone | PMS 367 Cnearest match · not published by the brand |
Shopify Dark Green
| Hex | #5E8E3E |
|---|---|
| RGB | 94, 142, 62 |
| HSL | hsl(96, 39%, 40%) |
| CMYK | 34%, 0%, 56%, 44%converted · approximate |
| Pantone | PMS 576 Cnearest match · not published by the brand |
Shopify White
| Hex | #FFFFFF |
|---|---|
| RGB | 255, 255, 255 |
| HSL | hsl(0, 0%, 100%) |
| CMYK | 0%, 0%, 0%, 0%converted · approximate |
| Pantone | PMS 656 Cnearest match · not published by the brand |
Shopify Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Shopify Hex Color Codes
Shopify hex color codes are #95BF47 for green, #5E8E3E for dark green, #FFFFFF for white and #000000 for black.
| Color | Hex |
|---|---|
| Green | #95BF47 |
| Dark Green | #5E8E3E |
| White | #FFFFFF |
| Black | #000000 |
Shopify RGB Color Codes
Shopify RGB color codes are 149, 191, 71 for green, 94, 142, 62 for dark green, 255, 255, 255 for white and 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Green | rgb(149, 191, 71) |
| Dark Green | rgb(94, 142, 62) |
| White | rgb(255, 255, 255) |
| Black | rgb(0, 0, 0) |
Shopify HSL Color Codes
Shopify HSL color codes are 81, 48%, 51% for green, 96, 39%, 40% for dark green, 0, 0%, 100% for white and 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Green | hsl(81, 48%, 51%) |
| Dark Green | hsl(96, 39%, 40%) |
| White | hsl(0, 0%, 100%) |
| Black | hsl(0, 0%, 0%) |
Shopify CMYK Color Code
Shopify CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Green | 22%, 0%, 63%, 25% |
| Dark Green | 34%, 0%, 56%, 44% |
| White | 0%, 0%, 0%, 0% |
| Black | 0%, 0%, 0%, 100% |
Shopify Pantone Color Codes
Shopify Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Green | PMS 367 C |
| Dark Green | PMS 576 C |
| White | PMS 656 C |
| Black | PMS 419 C |
Logo
Shopify Logo Colors
Shopify logo colors are two greens on the bag and one flat color on the wordmark.
Shopify Logo Colors Palette
What the Shopify Logo Colors Mean?
The Shopify logo colors do something most flat marks avoid: they use two greens to fake a fold. The lighter #95BF47 is the front face of a shopping bag and the darker #5E8E3E is the side, so the shape reads as a three-dimensional object without a gradient or a shadow anywhere in the file. Inside it sits a lowercase s. Green was already unusual for commerce software when the mark was drawn, where blue was the default.
Shopify Logo Color History
Shopify logo color history settles in 2018, when the current mark was adopted. The two-green bag survived that redraw while the wordmark was reset. What the company sells has changed far more than the palette has.
Shopify Logo JPG
Shopify logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Shopify Logo PNG
Shopify logo in PNG, with a transparent background. Use it over a colored surface.
Shopify Logo WebP
Shopify logo in WebP. Same transparency as the PNG at about a third of the file size.
Shopify Color Code Shades
Shopify color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Shopify paint or trim names.
In code
Using the Shopify palette
CSS custom properties
:root {
--shopify-green: #95BF47;
--shopify-dark-green: #5E8E3E;
--shopify-white: #FFFFFF;
--shopify-black: #000000;
}Contrast against white
| Green | 2.14:1AA × |
|---|---|
| Dark Green | 3.88:1AA × |
| White | 1.00:1AA × |
| Black | 21.00: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.