top of page

USING

COLOR

THE

RULES

1

Choose 3-5 colors (max)

2

Categorize your colors - have 1-3 main colors, 1-2 pop colors, and 1-2 neutral colors

3

Choose colors that work with the intent of your site. Think about your audience and message

NEUTRAL

POP

MAIN

EXAMPLE SWATCHES

FRESH

MAIN

POP

NEUTRAL

DREAMY

MAIN

NEUTRAL

BOLD

GROUNDED

NEUTRAL

POP

MAIN

SOFT

MAIN

NEUTRAL

WILD

MAIN

NEUTRAL

Use your pop color(s) sparingly, but repeat its use throughout your site to help create repetition. For example, on this site the pop color is the lime green and it is used for illustrations and icons. 

​

Your main color(s) should be used the most. Use them as backgrounds for sections and headers, or consistently as titles to sections of content. Work them in on every page so you create the specific look and feel you were going for when you selected the colors.

​

Your neutral color(s) can be used for your text if it is not too light to read against the page background. Otherwise you can work it in where it feels like it fits. On this page, the neutral color is used as a section background to separate content.

bottom of page