Colors

How It Works ​

The helper classes apply background-color or text-color to an element ranging for the following colors.

• u-bg-{value} - applies background color
• u-fg-{value} - applies text color
• u-bc-{value} - applies border color

Brand Colors ​

Primary Colors ​

Green ​

Kale ​

Blue ​

Red ​

Yellow ​

Grey ​

Secondary Colors ​

Purple ​

Royal ​

Fuschia ​

Azure ​

Pink ​

Teal ​

Crimson ​

Mint ​

Orange ​

Lime ​

Lemon ​