Schema Colors

Schema comes with a color palette ready for use. You'll find black, white, and all common greyscale colors. We also provide various semantic colors that provide meaningful value to various elements.


#000
#222
#333
#555
#777
#999
#aaa
#ccc
#ddd
#eee
#fff

Variables Output
@base-color #000
@base-color-222 lighten(@base-color, 13.5%); // #222
@base-color-333 lighten(@base-color, 20%); // #333
@base-color-555 lighten(@base-color, 33.5%); // #555
@base-color-777 lighten(@base-color, 46.5%); // #777
@base-color-999 lighten(@base-color, 60%); // #999
@base-color-aaa lighten(@base-color, 66.5%); // #aaa
@base-color-ccc lighten(@base-color, 80%); // #ccc
@base-color-ddd lighten(@base-color, 86.5%); // #ddd
@base-color-eee lighten(@base-color, 93.5%); // #eee
@base-white #fff

Primary
Success
Info
Warning
Danger

Variables Output
@primary-color #3498db
@success-color #2ecc71
@info-color #24cabc
@warning-color #f39c12
@danger-color #e74c3c