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