Shopify
Shopify uses a fresh Shopify Green (#95BF47) with a deeper Dark Green (#5E8E3E) and Black. The leafy green reads as growth and commerce, distinct from the blue-heavy e-commerce space.
Shopify uses 3 official brand colors.
Brand Color Palette
Brand Keywords & Themes
Associated design themes and color characteristics
Using This Palette
Tips for incorporating Shopify's colors into your designs
Design Applications
- Web design and user interfaces
- Marketing materials and presentations
- Brand identity and logo design inspiration
- Social media graphics and content
Note: While these are Shopify's brand colors, they are trademarked. Use them for inspiration and learning, but avoid direct copying for commercial purposes that could cause brand confusion.
Shopify Colors for Developers
Copy Shopify's 3 brand colors straight into your codebase
CSS Variables
:root {
--shopify-green: #95BF47;
--dark-green: #5E8E3E;
--black: #000000;
}SCSS
$shopify-green: #95BF47;
$dark-green: #5E8E3E;
$black: #000000;Tailwind v4
@theme {
--color-shopify-green: #95BF47;
--color-dark-green: #5E8E3E;
--color-black: #000000;
}Frequently Asked Questions
Common questions about Shopify's brand colors
How many official brand colors does Shopify use?
The official Shopify brand palette uses 3 colors: Shopify Green (#95BF47), Dark Green (#5E8E3E), Black (#000000).
What is the primary brand color of Shopify?
The primary brand color for Shopify is Shopify Green, hex code #95BF47. RGB and HSL conversions are available on this page.
What are the Shopify brand color names?
The 3 brand colors used by Shopify are Shopify Green (#95BF47), Dark Green (#5E8E3E), Black (#000000). These are the official names from the Shopify brand guidelines and design materials.
Can I use the Shopify brand colors in my own designs?
The Shopify colors are trademarked. You can reference the hex codes for inspiration, education, or non-commercial fan projects, but avoid commercial use that implies affiliation or endorsement.
Related Brand Palettes
Built from four primaries — Blue (#4285F4), Red (#DB4437), Yellow (#F4B400) and Green (#0F9D58) — this palette pairs one cool anchor with three warmer accents. The multi-hue mix tends to read as approachable and energetic, an effect saturated primaries often create when placed side by side.
Apple
A near-monochrome set built from Black (#000000), White (#FFFFFF) and two neutrals, Space Gray (#555555) and Silver Gray (#A6A6A6). Restricting the range to blacks, whites and grays yields a calm, high-contrast look that many minimal interfaces favor. These neutral hex values slot easily into iOS and web UI work.
Microsoft
Four evenly weighted colors — Red (#F25022), Green (#7FBA00), Blue (#00A4EF) and Yellow (#FFB900) — give this palette its balanced, quadrant feel. Because no single hue dominates and warm and cool tones sit in equal measure, the set reads as broad and varied.
IBM
Two blues do most of the work here: a deep IBM Blue (#0530AD) and a brighter Light Blue (#5596E6), set against White and Black. Blue is widely read as steady and dependable, a fitting association for a palette leaning almost entirely on the single hue.
Intel
Intel's set stays within the blue family, moving from a mid Intel Blue (#0071C5) to a marginally deeper Dark Blue (#0068B5), with White and Black as neutrals. Keeping both accents close in hue gives the palette a cohesive, single-note character.
Samsung
A commanding Samsung Blue (#1428A0) leads, softened by a Light Blue (#0066B3) and balanced against White and Black. Deep, navy-leaning blues like these are frequently linked with stability and confidence.