Brand Center

The main brand accent color. It works well for adding a touch of color here and there (the flame in our logo, highlighting certain bits of text in headings, colored icons) or for drawing attention to things (e.g. a primary CTA).

Charcoal is our version of black and is mainly used for heading text however can be used sparingly where appropriate for dark backgrounds or to add high contrast elements or illustrations.

White is used as a neutral background color and for text or icons that need to be displayed on darker backgrounds. We use white as a primary overall theme of all web pages as a default look and feel.

We use sand colored surface colors in various shades to add contrast and visual interest to web pages. Secondary sand is used primarily as a base layer background color.

We use sand colored surface colors in various shades to add contrast and visual interest to web pages. Tertiary sand is primarily used to add contrast when used on top of secondary sand.

We use sand colored surface colors in various shades to add contrast and visual interest to web pages. Quaternary sand is primarily used to add high contrast or icons on top of Secondary sand, or White backgrounds.

Primarily used for body text where less contrast is required to help define hierarchy.

Primarily used for for more subtle body text or borders which require more contrast.

Primarily used as borders around ui elements such as form fields, content cards.