SassyColours!

Basic colour palettes

Below are the basic uses of SassyColours. Yes, i spell color as 'colour' because I am Australian... Sorry about that, but now you know how I feel whenever I am writing CSS :P

Colour palette options are:

Created by Chris Asher: Download from GitHub

Visit My Blog

Base Colour: #7EA7D8

This is the base colour we are using throughout the example

Monochromatic: sassycolours(#7EA7D8, 'mono')

Complementary: sassycolours(#7EA7D8, 'complement')

Split Complementary: sassycolours(#7EA7D8, 'split')

Compound: sassycolours(#7EA7D8, 'compound')

Triad: sassycolours(#7EA7D8, 'triad')

Triad2 (the other direction): sassycolours(#7EA7D8, 'triad2')

Analogous: sassycolours(#7EA7D8, 'analog')

Analogous2 (the other direction): sassycolours(#7EA7D8, 'analog2')

Mono in grayscale: sassycolours(#7EA7D8, 'mono', true)

Combining colour palettes

To get more out of SassyColours and maintain consistancy throught your design, try combining one colour palette with the monochromatic one. see the loop in the style.scss file for the execution of this one.

Monochromatic within triad colour set 1

Monochromatic within triad colour set 2

Monochromatic within triad colour set 3

Monochromatic within triad colour set 4

Monochromatic within triad colour set 5