E-CommerceFounded 2006
Shopify Brand Colors
Shopify's fresh green signals growth, success, and the entrepreneurial energy of merchants building their dreams.
shopify.com ↗Brand Palette
#96BF48
#5E8E3E
#1A1A1A
Primary
Secondary
Text
Color Values
Shopify Green
Primary
- HEX
- #96BF48
- RGB
- rgb(150, 191, 72)
- HSL
- hsl(81, 48%, 52%)
Shopify Dark Green
Secondary
- HEX
- #5E8E3E
- RGB
- rgb(94, 142, 62)
- HSL
- hsl(96, 39%, 40%)
Shopify Black
Text
- HEX
- #1A1A1A
- RGB
- rgb(26, 26, 26)
- HSL
- hsl(0, 0%, 10%)
Accessibility Analysis
| Color | on White | on Black |
|---|---|---|
Shopify Green | 2.13:1Fail | 9.84:1AAA |
Shopify Dark Green | 3.88:1AA Large | 5.41:1AA |
Shopify Black | 17.4:1AAA | 1.21:1Fail |
WCAG AA requires 4.5:1 for normal text. AA Large requires 3:1 for large text (18pt+) and UI components. AAA requires 7:1.
CSS Implementation
:root {
--shopify-shopify-green: #96BF48;
--shopify-shopify-dark-green: #5E8E3E;
--shopify-shopify-black: #1A1A1A;
}
/* Usage example */
.btn-primary {
background-color: var(--shopify-shopify-green);
color: #ffffff;
}Similar Color Alternatives
Named colors visually closest to Shopify's primary color — useful for approximations or accessible substitutes.
Design Notes
Color Psychology
Shopify uses a mid-tone palette anchored by Shopify Green (#96BF48). Retail brands favor high-energy warm tones (orange, red, yellow) that drive urgency and purchase intent, balanced by neutral backgrounds.
Design Principles
- High contrast ratios ensure legibility across all contexts
- Warm-toned palette triggers emotional engagement and energy
- Consistent color usage across touchpoints builds strong brand recognition
- Color palette reflects the brand's industry positioning and audience expectations
Explore Individual Colors
Tags
ecommercegreenentrepreneurshipsaas
More E-Commerce Brand Colors
Frequently Asked Questions
What are Shopify's official brand colors?
Shopify's official brand colors are: Shopify Green (#96BF48), Shopify Dark Green (#5E8E3E), Shopify Black (#1A1A1A).
What is Shopify's primary color hex code?
Shopify's primary brand color is Shopify Green with hex code #96BF48.
What are the RGB values for Shopify's primary color?
Shopify Green (#96BF48) has RGB values of rgb(150, 191, 72).
What is the HSL value of Shopify's primary color?
Shopify Green has an HSL value of hsl(81, 48%, 52%).
Is Shopify's primary color WCAG accessible?
Shopify Green (#96BF48) has a contrast ratio of 2.13:1 on white, which does not pass WCAG AA (requires 4.5:1). Consider pairing it with a high-contrast text color.
What industry is Shopify in?
Shopify operates in the E-Commerce industry, founded in 2006.