Colors Encyclopedia

Brand colors

Shopify Brand Colors

Shopify palette: #95BF47, #5E8E3E, #000000. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Shopify.

TechnologyBrand indexAPIDataset
Commonly referenced palette Shopify
#95BF47#5E8E3E#000000
Listed without an implied color hierarchy

Palette

Palette color 1#95BF47RGB 149, 191, 71
Palette color 2#5E8E3ERGB 94, 142, 62
Black#000000RGB 0, 0, 0

CSS Tokens

:root {
  --brand-shopify-1: #95BF47;
  --brand-shopify-2: #5E8E3E;
  --brand-shopify-3: #000000;
}

Accessibility Snapshot

#95BF47Black 9.82:1 / White 2.14:1
#5E8E3EBlack 5.41:1 / White 3.88:1
#000000Black 1:1 / White 21:1

Brand palette context · Editorially reviewed

About Shopify Brand Colors

Shopify’s current brand page centers the primary logo on a shopping-bag mark and italic wordmark, with an inverted version for dark or busy settings and separate monotone options. Green is strongly associated with the bag, but the official guidance treats recognition as a combination of supplied artwork, clear space, minimum size, contrast, and context rather than a free-standing color claim.

The greens and black in this independent palette are useful reference samples, not a substitute for Shopify’s downloadable assets or current specifications. The brand page prohibits rebuilding, recoloring, stretching, rotating, shadowing, or placing marks on low-contrast backgrounds. For ordinary interfaces, designers should use their own semantic tokens and test accessible states instead of making unrelated controls look endorsed by Shopify.

This unaffiliated page does not distribute Shopify artwork, authorize use of its marks, imply a commercial relationship, or replace the written permission and usage conditions in Shopify’s current policies.

Downloadable brand colors infographic

Shopify Brand Colors Infographic

Save an independent infographic of the commonly referenced Shopify HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Shopify brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Shopify brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Shopify.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.4411
Black text9.82:1AA Pass
White text2.14:1AA Fail
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "shopify",
  "name": "Shopify",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/shopify/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Shopify."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#95BF47",
    "rgb": [
      149,
      191,
      71
    ],
    "hsl": [
      81,
      48,
      51
    ],
    "cmyk": [
      22,
      0,
      63,
      25
    ],
    "luminance": 0.4411,
    "contrast": {
      "black": 9.82,
      "white": 2.14
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#5E8E3E",
    "rgb": [
      94,
      142,
      62
    ],
    "hsl": [
      96,
      39,
      40
    ],
    "cmyk": [
      34,
      0,
      56,
      44
    ],
    "luminance": 0.2207,
    "contrast": {
      "black": 5.41,
      "white": 3.88
    },
    "wcag": {
      "AA": [
        "#000000"
      ],
      "AAA": []
    }
  },
  {
    "name": "Black",
    "hex": "#000000",
    "rgb": [
      0,
      0,
      0
    ],
    "hsl": [
      0,
      0,
      0
    ],
    "cmyk": [
      0,
      0,
      0,
      100
    ],
    "luminance": 0,
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "green brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "earth tone brand color",
    "dark brand color",
    "Shopify color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F",
    "#FFFFFF",
    "#F5F5F5"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/shopify.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-shopify-1: #95BF47;\n--brand-shopify-2: #5E8E3E;\n--brand-shopify-3: #000000;"
}
Accessibility
[
  {
    "hex": "#95BF47",
    "contrast": {
      "black": 9.82,
      "white": 2.14
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "hex": "#5E8E3E",
    "contrast": {
      "black": 5.41,
      "white": 3.88
    },
    "wcag": {
      "AA": [
        "#000000"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#000000",
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "shopify",
  "name": "Shopify",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Shopify.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/shopify/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/shopify.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#95BF47",
      "rgb": [
        149,
        191,
        71
      ],
      "hsl": [
        81,
        48,
        51
      ],
      "cmyk": [
        22,
        0,
        63,
        25
      ],
      "luminance": 0.4411,
      "contrast": {
        "black": 9.82,
        "white": 2.14
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#5E8E3E",
      "rgb": [
        94,
        142,
        62
      ],
      "hsl": [
        96,
        39,
        40
      ],
      "cmyk": [
        34,
        0,
        56,
        44
      ],
      "luminance": 0.2207,
      "contrast": {
        "black": 5.41,
        "white": 3.88
      },
      "wcag": {
        "AA": [
          "#000000"
        ],
        "AAA": []
      }
    },
    {
      "name": "Black",
      "hex": "#000000",
      "rgb": [
        0,
        0,
        0
      ],
      "hsl": [
        0,
        0,
        0
      ],
      "cmyk": [
        0,
        0,
        0,
        100
      ],
      "luminance": 0,
      "contrast": {
        "black": 1,
        "white": 21
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    }
  ],
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "green brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "earth tone brand color",
    "dark brand color",
    "Shopify color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F",
    "#FFFFFF",
    "#F5F5F5"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/shopify.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Technology brand colorsBrowse all technology brand color references.Adobe brand colorsCompare another technology palette.Amazon brand colorsCompare another technology palette.AMD brand colorsCompare another technology palette.Anthropic brand colorsCompare another technology palette.Wise similar paletteOpen a palette with a nearby first-listed color value.Monster Energy similar paletteOpen a palette with a nearby first-listed color value.Burberry similar paletteOpen a palette with a nearby first-listed color value.Yellow Green colorOpen the nearest named color reference.Shopify APIOpen the machine-readable brand color JSON.