Colors

Colors

Color Styles

Neutral
Neutral
Neutral

Grayscale shades with no colour. These are extremely useful, as it's unlikely that they will clash with another colour.

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Primary
Primary
Primary

Your primary / brand color will be the main colour used throughout your website

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Success
Success
Success

Your primary / brand color will be the main colour used throughout your website

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Danger
Danger
Danger

Your primary / brand color will be the main colour used throughout your website

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Warning
Warning
Warning

Your primary / brand color will be the main colour used throughout your website

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Color Library

Rose
Rose
Rose

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Pink
Pink
Pink

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Fuchsia
Fuchsia
Fuchsia

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Purple
Purple
Purple

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Violet
Violet
Violet

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Indigo
Indigo
Indigo

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Blue
Blue
Blue

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Sky
Sky
Sky

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Cyan
Cyan
Cyan

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Teal
Teal
Teal

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Emerald
Emerald
Emerald

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Green
Green
Green

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Lime
Lime
Lime

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Yellow
Yellow
Yellow

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Amber
Amber
Amber

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Orange
Orange
Orange

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Red
Red
Red

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Stone
Stone
Stone

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Neutral
Neutral
Neutral

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600

600

600

700

700

700

800

800

800

900

900

900

950

950

950

Zinc
Zinc
Zinc

50

50

50

100

100

100

200

200

200

300

300

300

400

400

400

500

500

500

600