There are several pre-defined background, color, and skin classes available by default.
Please see the examples for classes and placeholders for color decorations.

Text colors

Text color classes

Here's some text

Here's some text

Here's some text

Here's some text

Here's some text

Here's some text

Here's some text

Here's some text

Here's some text

Here's some text

Here's some text

Here's some text

Here's some text

Here's some text

Here's some text

<divclass="p1 bg-gray-light"><pclass="color-gray-lightest">Here's some text</p><pclass="color-gray-light">Here's some text</p><pclass="color-gray">Here's some text</p><pclass="color-gray-dark">Here's some text</p><pclass="color-gray-darkest">Here's some text</p><pclass="color-ghost-white-light">Here's some text</p><pclass="color-ghost-white-base">Here's some text</p><pclass="color-ghost-white-dark">Here's some text</p><pclass="color-ghost-black-light">Here's some text</p><pclass="color-ghost-black-base">Here's some text</p><pclass="color-ghost-black-dark">Here's some text</p><pclass="color-alert">Here's some text</p><pclass="color-info">Here's some text</p><pclass="color-success">Here's some text</p><pclass="color-warning">Here's some text</p></div>