In our brand communications, each color plays a specific role. Our core colors — ZOX Primary and ZOX Light — are central to our visual identity and are used strategically to create contrast and highlight key elements.
Color Palette
--color-dark
BlackUsed for text, footers, and overlays.
--color-light
WhitePerfect for backgrounds and general white space.
--color-zox-primary
Deep AquamarineUsed for buttons and calls to action.
--color-zox-contrast
Vivid YellowBrings emphasis as a secondary main color.
--color-zox-notice
Burnt OrangeIdeal for errors and price reductions.
--color-zox-boost-purple
Amethyst PurpleUsed for the boost button.
--color-zox-dark-pink
MulberryUsed for impact badges.
--color-zox-bright-teal
Bright TealAn old ZOX color used for highlights.
--color-zox-desert
Peach YellowPerfect for account and order sections.
--color-zox-gray
Cadet GrayUsed for disabled elements and lighter text.
--color-zox-light-pink
Lavender BlushUsed for impact badge backgrounds.
--color-zox-olive
Deep Olive GreenUsed in the account area and size guides.
--color-zox-purple
Cornflower BlueUsed for gift-with-purchase promotions.
--color-shop-pay
Electric IndigoUsed for Shopify payment actions.
Note: Ensure that contrasting colors are used together for optimal legibility.