Color Scheme Designer

If you’re looking for some help with your Zen Cart store’s color scheme, the Color Scheme Designer is a great resource.  Select a color that you like for your main color and the Color Scheme Designer will recommend up to four other complementing colors to use as headlines, background colors, links, etc.


The Color Scheme Designer provides an example of what your Web site page could look like with the color scheme. There’s a light page example and a dark page example.

image image

Over your mouse over the color swatches and the Hex code will be displayed.  Or, even better is their Color List – great to keep in your Zen Cart store notebook for future reference.


And if you are completely lost for inspiration?  Try the random option.

The Color Scheme Designer is part of the Zen Cart Toolkit – resources and tools available to help make customising your Zen Cart online store easier and faster.

  1. #1 by Ron Taylor on 20 June, 2010 - 12:05 am

    Looks good this, thanks. Any details of how I can then add these colour schemes to my ZenCart?

  2. #2 by kerrin hardy on 26 June, 2010 - 1:33 pm

    Hi Ron

    When you have settled on a color scheme, click on the tab towards the bottom Color List.

    This will give you the Hex values for each color. It is these hex values that are used in the stylesheet for Zen Cart. For example, black is #000000 and white is #ffffff.


(will not be published)