What is Shopify's primary brand color?

Shopify's primary brand color is #1C2C30, a shade of dark slate gray. This was read from the site's own CSS on 2026-08-03.

What font does Shopify use?

Shopify uses Inter-Variable as its primary typeface, based on the font families declared in its stylesheets.

How were these Shopify colors found?

One MiroMiro API call against https://www.shopify.com. The extractor reads the site's declared CSS custom properties, theme-color meta tag and actual color usage, so the hex values are exact rather than sampled from a screenshot.

MiroMiroAPI

Commerce

Shopify brand colors

Shopify's primary brand color is #1C2C30 (Dark Slate Gray), and its primary typeface is Inter-Variable. Read from Shopify's live CSS on 2026-08-03 - real values, not sampled from a screenshot.

Inter-Variable

12 colors found · most-used first · click any to copy

Extract any site like this

300 free credits every month. No credit card.

01 / Color

Role colors

The colors Shopify assigns to a job, resolved from its own CSS variables and theme declarations - not just the most frequent values.

:root

  --primary: #1c2c30;  --accent: #ff4500;  --background: #000000;  --text: #ffffff;

Full palette

02 / Type

Shopify font

The families declared across Shopify's stylesheets, with the sizes and weights they ship.

Primary

Inter-Variable

Aa Bb Cc

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Weights

550bolder420400500600330

03 / Form

Spacing and shape

The rhythm underneath the design - the part a screenshot can never give you.

Spacing scale

.5rem

13px

8px

26px

16px

5px

2px

6px

1.25rem

2.2rem

76px

4px

40px

Corner radii

3rem

2rem

3.40282e38px

9px

20px

.25rem

04 / Scan

What one call measured

The page above shows the highlights. The response carried all of it.

Unique colors: 157
Font sizes: 35
Spacing values: 47
Border radii: 20
Shadows: 1
CSS rules: 4,307

This page was one request

Swap the URL for any site and the same structure comes back as JSON, CSS variables, a Tailwind theme, or a W3C tokens file.

brand.sh

curl "https://miromiro.app/api/v1/brand?url=https://www.shopify.com" \
  -H "Authorization: Bearer mm_live_..."

Get your free API key

300 free credits every month. No credit card.

Other design systems

All 21

Gumroad

#FF90E8

Stripe

#533AFD

Notion

#F64932

Values observed on https://www.shopify.com on 2026-08-03. Sites redesign, so treat this as a snapshot of that date. Shopify and its brand assets are trademarks of their owner; this page is an independent technical observation of publicly served CSS and is not affiliated with or endorsed by Shopify.