Shopify
Est. 2006Shopify's green represents growth, commerce, and money — the exact things merchants come to Shopify for. The green shopping bag logo is instantly recognizable. Their 2023 rebrand leaned into darker tones to signal maturity while keeping the optimistic green.
Brand Palette — Click to copy
Export Shopify Colors
About Shopify's Color Palette
Shopify's brand identity relies on a carefully chosen palette of 5 colors that communicate the company's values and market position within the tech industry. Founded in 2006, Shopify has refined its visual identity over the years to become one of the most recognized brands in its category.
The primary color, Green (#96BF48), serves as the foundation of Shopify's visual system and is used across the brand's logo, marketing materials, and digital products. Supporting colors like Dark Green (#5E8E3E) provide contrast and visual hierarchy across different applications. Each color in the palette has a specific functional role — from primary brand identification to secondary surfaces, accent highlights, and background elements.
Designers and developers can use these exact color codes to maintain brand consistency across web, mobile, and print projects. All colors on this page are available for export as CSS custom properties, Tailwind CSS config, SCSS variables, and JSON — ready to integrate into any design system or codebase.
Color Breakdown
Green — #96BF48
Used as primary. RGB: 150, 191, 72.
Dark Green — #5E8E3E
Used as primary dark. RGB: 94, 142, 62.
White — #FFFFFF
Used as background. RGB: 255, 255, 255.
Dark — #212326
Used as text. RGB: 33, 35, 38.
Purple — #7B2D8E
Used as accent. RGB: 123, 45, 142.
Frequently Asked Questions
What are Shopify's official brand colors?
Shopify's official palette consists of 5 colors: Green (#96BF48), Dark Green (#5E8E3E), White (#FFFFFF), Dark (#212326), Purple (#7B2D8E). These colors are used across Shopify's logo, website, marketing materials, and product interfaces to maintain a consistent brand identity.
What is the hex code for Shopify's primary color?
Shopify's primary brand color is Green with the hex code #96BF48. This color is used as the primary identifier for the brand and appears prominently in the logo and key marketing materials.
Can I use Shopify's colors in my project?
The color values (hex codes, RGB, HSL) listed on this page are factual information and can be referenced freely. However, using colors in combination with Shopify's logo, name, or other trademarked elements may require permission. Always check the brand's official guidelines for commercial usage.
How do I export Shopify's colors for my code?
Use the export buttons above to copy Shopify's colors as CSS custom properties, Tailwind CSS config objects, SCSS variables, or JSON. Each format is ready to paste directly into your codebase or design system configuration file.