Color Utilities

Inkline uses a beautiful, consistent color scheme across the framework.

Brand

Attract your visitor's attention using brand colors. The main colors of Inkline used for branding are:

Brand Color Background

You can also add brand text colors using text-specific helper classes:

Brand Color Text

State

When displaying state information such as info, success, warning, or error messages, you will need to color your message accordingly. The state colors are:

State Color Background

You can also add state text colors using text-specific helper classes:

State Color Text

Basic

Basic colors are useful when working with multiple colors on the same page. The following basic colors are available when using the default variant.

You can use helper classes to add state color backgrounds:

Basic Color Background

You can also add state text colors using text-specific helper classes:

Basic Color Text

Neutral

Neutral colors are used for text, background and border colors. You can use different neutral colors to display your content:

Neutral Color Background

You can also add neutral text colors using text-specific helper classes:

Neutral Color Text

Social Media

Inkline provides social media colors from most of your favorite sites.

You can use helper classes to add social media color backgrounds:

Social Media Color Background

You can also add social media text colors using text-specific helper classes:

Social Media Color Text