Colors

The ACME brand revolves around the use of bright, bold colors.

Headline/Primary Colors

* Customers will provide a primary and secondary color, and implementation will be based on tints using SASS.

Primary
Dark
ACME Blue (100%)
#004587 *
Primary Medium
ACME Blue (50%)
#4c7cab *
Primary
Light
ACME Blue (10%)
#d9e3ed *

Secondary Colors

* Customers will provide a primary and secondary color, and implementation will be based on tints using SASS.

Secondary Dark
ACME Aqua (100%)
#006b5b *
Secondary Medium
ACME Aqua (50%)
#69C9B9 *
Secondary Light
ACME Aqua (10%)
#d9f1ed *
Secondary Dark
ACME Orange (100%)
#c04f22 *
Secondary Medium
ACME Orange (50%)
#dfa790 *
Secondary Light
ACME Orange (10%)
#f9ede8 *

Neutral Colors

Black
#252a33
White
#ffffff
Gray 1
#6c737a
Gray 2
#9fa4a8
Gray 3
#c4c7ca
Gray 4
#e2e3e4
Gray 5
#f7f7f7

System Colors

Success
Dark
#06843f
Warning
Dark
#fcb514
Danger
Dark
#ce1126
Success
Light
#e6f2eb
Warning
Light
#fef0d0
Danger
Light
#fae7e9