Shopify
Shopify's corporate brand palette, distinct from the Polaris product design tokens (which catalog the merchant-admin design system). The corporate identity is anchored on Shopify Green — the heritage #95BF47 leaf-green is preserved in the public Shopify shopping bag mark, while the modernized #008060 ("Tropical Indigo" / current brand green) carries the corporate wordmark and primary actions on shopify.com. The brand canvas is warm-white with deep ink for text; the dark surface set is an authored inversion for product-chrome use.
11 swatches 14 light roles 14 dark roles
Swatches
shopify-green
#008060
Current corporate primary green — the modernized Shopify brand color on shopify.com primary CTAs and marketing.
shopify-green-heritage
#95BF47
Heritage Shopify leaf-green — the original shopping-bag mark fill color, retained on the public mark.
shopify-green-wordmark
#7AB55C
Mid-green historically used on the Shopify wordmark text in the dual-tone heritage logo.
shopify-green-deep
#004C3F
Deep green used for hover/pressed states on the primary corporate green and for emphasis on text.
shopify-ink
#1A1A1A
Near-black used for body copy and the wordmark on light surfaces.
shopify-graphite
#303030
Authored elevated surface on the dark mode; matches Polaris gray-15.
shopify-canvas-dark
#1A1A1A
Dark-mode canvas; matches Polaris gray-16.
shopify-white
#FFFFFF
Canonical light canvas; the marketing surface is light-first.
shopify-fog
#F1F1F1
Authored surface tone for cards and panels on light backgrounds; matches Polaris gray-6.
shopify-gray
#616161
Secondary text on light backgrounds; matches Polaris gray-13.
shopify-gray-light
#8A8A8A
Tertiary text and metadata.
Mode role mappings
Light mode (14 roles)
accent
→ shopify-green accent-hover
→ shopify-green-deep background
→ shopify-white error
→ shopify-green-deep primary
→ shopify-green primary-hover
→ shopify-green-deep success
→ shopify-green surface
→ shopify-fog surface-elevated
→ shopify-white text-primary
→ shopify-ink text-secondary
→ shopify-gray text-tertiary
→ shopify-gray-light warning
→ shopify-green-heritage warning-hover
→ shopify-green-wordmark Dark mode (14 roles)
accent
→ shopify-green-heritage accent-hover
→ shopify-green-wordmark background
→ shopify-canvas-dark error
→ shopify-green-deep primary
→ shopify-green primary-hover
→ shopify-green-deep success
→ shopify-green surface
→ shopify-graphite surface-elevated
→ shopify-graphite text-primary
→ shopify-white text-secondary
→ shopify-gray-light text-tertiary
→ shopify-gray warning
→ shopify-green-heritage warning-hover
→ shopify-green-wordmark Provenance
- Source
- https://www.shopify.com/brand-assets
- License
Proprietary — All Rights Reserved- Attribution
- Shopify Inc. — Shopify, the Shopify wordmark, and the Shopify shopping-bag mark are registered trademarks of Shopify Inc. The primary brand greens (#008060 current, #95BF47 heritage leaf, and #7AB55C wordmark text) are documented across Shopify's public brand-assets page and the Polaris design-token source. The corporate palette in this atom is intentionally separate from the Polaris palette (`palettes/polaris/1.0.0/atom.yaml`), which catalogues the full 13-scale product design system.
- Imported
-
2026-05-18 - Notes
- Shopify operates two distinct color systems: the corporate brand (this atom) and the Polaris design system (the polaris@1 palette). Consumers who want the merchant-admin token set should reference polaris@1 instead. Consumers who want the public marketing surfaces — shopify.com hero CTAs, the wordmark, the shopping-bag mark — should reference this atom.