Colour Palette

This is the primary and secondary colour palettes as described in the PSD styleguide and in colour_palette.sass

Gray Palette

Click to copy
Copied!
#2c3643
$darkgray
Click to copy
Copied!
#3b444f
$titlegray
Click to copy
Copied!
#67747c
$bodygray
Click to copy
Copied!
#99a9b3
$lightgray
Click to copy
Copied!
#dbe6ec
$subduedgray

Primary Palette

Click to copy
Copied!
#142b44
$darkblue
Click to copy
Copied!
#1d508d
$navblue
Click to copy
Copied!
#297CBB
$lpblue
Click to copy
Copied!
#288ad6
$linkblue
Click to copy
Copied!
#0FDEBD
$teal
Click to copy
Copied!
#16c98d
$green
Click to copy
Copied!
#feef6d
$yella
Click to copy
Copied!
#ffc83f
$orange
Click to copy
Copied!
#fa5e5b
$red
Click to copy
Copied!
#bf538d
$plum

Secondary Palette

Click to copy
Copied!
#684e79
$mauve
Click to copy
Copied!
#ff708e
$pink
Click to copy
Copied!
#47a899
$darkcyan
Click to copy
Copied!
#8abee5
$softblue
Click to copy
Copied!
#c7e6aa
$softgreen
Click to copy
Copied!
#cfcbaf
$beige
Click to copy
Copied!
#582c2b
$maroon
Click to copy
Copied!
#841e1b
$darkred

Color list

Click to copy
Copied!
darkgray titlegray bodygray lightgray subduedgray darkblue navblue lpblue linkblue teal green yella orange red plum mauve pink darkcyan softblue softgreen beige maroon darkred
$color-palette-names
Click to copy
Copied!
#2c3643
$color-palette