OOOOPS. Your browser seems to be too old for this. Please update your browser.
Teutonic CSS
Use it


Here are two light and two dark semi transparent shades.

The shades are used in various places, like for placeholder text, skeuomorphic effetcs and stripes. Per default, the shade color is slightly tinted as the main color.

Syntax: .bg-{state}-{level}
SCSS: _color-map.scss _color-vars.scss _background-shades.scss
Neutral 50% gray checkers for reference