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?
Shopify's official brand palette uses 3 colors: Shopify Green (#95BF47), Dark Green (#5E8E3E), Black (#000000).
What is Shopify's primary color hex code?
Shopify's primary brand color is Shopify Green with hex code #95BF47. RGB and HSL conversions are available on this page.
What are the names of Shopify's brand colors?
Shopify's 3 brand colors are Shopify Green (#95BF47), Dark Green (#5E8E3E), Black (#000000). These are the official names used in Shopify's brand guidelines and design materials.
Can I use Shopify's brand colors in my own designs?
Shopify's colors are trademarked. You can reference the hex codes for inspiration, education, or non-commercial fan projects, but avoid commercial use that could cause brand confusion.
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.