Triad colors

  • color-inverse
  • color-normal
  • color-contrast1
  • color-contrast2

Lightness

  • color-light
  • color-normal
  • color-darker

Shades

  • shade-light
  • shade-normal
  • shade-darker

Block light

Heading 2

Lorem ipsum, Link normal adipiscing elit, Link important sed do eiusmod contrasting text important text

Block normal

Heading 2

Lorem ipsum, Link normal adipiscing elit, Link important sed do eiusmod contrasting text important text

Block dark

Heading 2

Lorem ipsum, Link normal adipiscing elit, Link important sed do eiusmod contrasting text important text

Block white

Heading 2

Lorem ipsum, Link normal adipiscing elit, Link important sed do eiusmod contrasting text important text

Block grey

Heading 2

Lorem ipsum, Link normal adipiscing elit, Link important sed do eiusmod contrasting text important text

Block contrast1

Heading 2

Lorem ipsum, Link normal adipiscing elit, Link important sed do eiusmod contrasting text important text

Block contrast2

Heading 2

Lorem ipsum, Link normal adipiscing elit, Link important sed do eiusmod contrasting text important text

Block contrast2

Heading 2

Lorem ipsum, Link normal adipiscing elit, Link important sed do eiusmod contrasting text important text