ColorPal

Shopify Brand Color

The official Shopify brand color is #96BF48. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.

Shopify Color Values

HEX

#96BF48

RGB

150, 191, 72

HSL

81, 48%, 52%

Shopify Tints & Shades

A range of lighter tints and darker shades derived from the Shopify base color.

Tint 50%

#F4F8EC

Tint 40%

#E0ECCA

Tint 30%

#CFE2AC

Tint 20%

#BBD68A

Tint 10%

#AACB6C

Base

#96BF48

Shade 10%

#7DA239

Shade 20%

#66842E

Shade 30%

#4C6222

Shade 40%

#324017

Shade 50%

#1A220C

Contrast & Accessibility

White Text

Contrast ratio: 2.13:1

AA: FailAAA: FailAA Large: FailAAA Large: Fail
Black Text

Contrast ratio: 9.84:1

AA: PassAAA: PassAA Large: PassAAA Large: Pass

Frequently Asked Questions

What is the official Shopify color?

The official Shopify brand color is #96BF48. In RGB this is rgb(150, 191, 72), and in HSL it is hsl(81, 48%, 52%).

What is the Shopify hex code?

The Shopify hex color code is #96BF48. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.

Is the Shopify color accessible?

Against white, the Shopify color has a contrast ratio of 2.13:1 (fails WCAG AA). Against black, it has 9.84:1 (passes WCAG AA). Black text on this color is accessible.

Related Resources