Colors

Color Usage

Colors are used by providing a class to an element you wish to color. The classname is comprised of [fg|bg]-[colorName]. For example, to color an element with a background of the primary color, you would use the class bg-primary, and to color an element with the text color of the primary color, you would use the class text-primary.

Color Palette

Semantic Colors

Bold Colors

Light Colors

Grays

Brand Colors

Edit this page on GitHub

Prev

Navbar

Next

Margins