COLOR LIBRARY JANGO Provides super flexible color helper classes to customize element colors on fly without editing any css. Click below color options to view usage demos. #FFFFFF white × white Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-white" Some sample box class="c-border-white" Some sample box class="c-bg-white c-bg-white-font" Button class="c-btn-white" Button class="c-btn-border-1x c-btn-white" Button class="c-btn-border-2x c-btn-white" #000000 black × black Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-black" Some sample box class="c-border-black" Some sample box class="c-bg-black c-bg-black-font" Button class="c-btn-black" Button class="c-btn-border-1x c-btn-black" Button class="c-btn-border-2x c-btn-black" #7f8c97 regular × regular Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-regular" Some sample box class="c-border-regular" Some sample box class="c-bg-regular c-bg-regular-font" Button class="c-btn-regular" Button class="c-btn-border-1x c-btn-regular" Button class="c-btn-border-2x c-btn-regular" #32c5d2 green × green Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-green" Some sample box class="c-border-green" Some sample box class="c-bg-green c-bg-green-font" Button class="c-btn-green" Button class="c-btn-border-1x c-btn-green" Button class="c-btn-border-2x c-btn-green" #52c9ba green-1 × green-1 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-green-1" Some sample box class="c-border-green-1" Some sample box class="c-bg-green-1 c-bg-green-1-font" Button class="c-btn-green-1" Button class="c-btn-border-1x c-btn-green-1" Button class="c-btn-border-2x c-btn-green-1" #5dc09c green-2 × green-2 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-green-2" Some sample box class="c-border-green-2" Some sample box class="c-bg-green-2 c-bg-green-2-font" Button class="c-btn-green-2" Button class="c-btn-border-1x c-btn-green-2" Button class="c-btn-border-2x c-btn-green-2" #84c68f green-3 × green-3 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-green-3" Some sample box class="c-border-green-3" Some sample box class="c-bg-green-3 c-bg-green-3-font" Button class="c-btn-green-3" Button class="c-btn-border-1x c-btn-green-3" Button class="c-btn-border-2x c-btn-green-3" #eb5d68 red × red Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-red" Some sample box class="c-border-red" Some sample box class="c-bg-red c-bg-red-font" Button class="c-btn-red" Button class="c-btn-border-1x c-btn-red" Button class="c-btn-border-2x c-btn-red" #cd6262 red-1 × red-1 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-red-1" Some sample box class="c-border-red-1" Some sample box class="c-bg-red-1 c-bg-red-1-font" Button class="c-btn-red-1" Button class="c-btn-border-1x c-btn-red-1" Button class="c-btn-border-2x c-btn-red-1" #e7505a red-2 × red-2 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-red-2" Some sample box class="c-border-red-2" Some sample box class="c-bg-red-2 c-bg-red-2-font" Button class="c-btn-red-2" Button class="c-btn-border-1x c-btn-red-2" Button class="c-btn-border-2x c-btn-red-2" #d05163 red-3 × red-3 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-red-3" Some sample box class="c-border-red-3" Some sample box class="c-bg-red-3 c-bg-red-3-font" Button class="c-btn-red-3" Button class="c-btn-border-1x c-btn-red-3" Button class="c-btn-border-2x c-btn-red-3" #FF6B57 yellow × yellow Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-yellow" Some sample box class="c-border-yellow" Some sample box class="c-bg-yellow c-bg-yellow-font" Button class="c-btn-yellow" Button class="c-btn-border-1x c-btn-yellow" Button class="c-btn-border-2x c-btn-yellow" #c8d046 yellow-1 × yellow-1 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-yellow-1" Some sample box class="c-border-yellow-1" Some sample box class="c-bg-yellow-1 c-bg-yellow-1-font" Button class="c-btn-yellow-1" Button class="c-btn-border-1x c-btn-yellow-1" Button class="c-btn-border-2x c-btn-yellow-1" #c5bf66 yellow-2 × yellow-2 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-yellow-2" Some sample box class="c-border-yellow-2" Some sample box class="c-bg-yellow-2 c-bg-yellow-2-font" Button class="c-btn-yellow-2" Button class="c-btn-border-1x c-btn-yellow-2" Button class="c-btn-border-2x c-btn-yellow-2" #c5b96b yellow-3 × yellow-3 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-yellow-3" Some sample box class="c-border-yellow-3" Some sample box class="c-bg-yellow-3 c-bg-yellow-3-font" Button class="c-btn-yellow-3" Button class="c-btn-border-1x c-btn-yellow-3" Button class="c-btn-border-2x c-btn-yellow-3" #3498DB blue × blue Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-blue" Some sample box class="c-border-blue" Some sample box class="c-bg-blue c-bg-blue-font" Button class="c-btn-blue" Button class="c-btn-border-1x c-btn-blue" Button class="c-btn-border-2x c-btn-blue" #5e9cd1 blue-1 × blue-1 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-blue-1" Some sample box class="c-border-blue-1" Some sample box class="c-bg-blue-1 c-bg-blue-1-font" Button class="c-btn-blue-1" Button class="c-btn-border-1x c-btn-blue-1" Button class="c-btn-border-2x c-btn-blue-1" #5893dd blue-2 × blue-2 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-blue-2" Some sample box class="c-border-blue-2" Some sample box class="c-bg-blue-2 c-bg-blue-2-font" Button class="c-btn-blue-2" Button class="c-btn-border-1x c-btn-blue-2" Button class="c-btn-border-2x c-btn-blue-2" #57bfe1 blue-3 × blue-3 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-blue-3" Some sample box class="c-border-blue-3" Some sample box class="c-bg-blue-3 c-bg-blue-3-font" Button class="c-btn-blue-3" Button class="c-btn-border-1x c-btn-blue-3" Button class="c-btn-border-2x c-btn-blue-3" #b771b0 purple × purple Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-purple" Some sample box class="c-border-purple" Some sample box class="c-bg-purple c-bg-purple-font" Button class="c-btn-purple" Button class="c-btn-border-1x c-btn-purple" Button class="c-btn-border-2x c-btn-purple" #a962bb purple-1 × purple-1 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-purple-1" Some sample box class="c-border-purple-1" Some sample box class="c-bg-purple-1 c-bg-purple-1-font" Button class="c-btn-purple-1" Button class="c-btn-border-1x c-btn-purple-1" Button class="c-btn-border-2x c-btn-purple-1" #aa67a3 purple-2 × purple-2 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-purple-2" Some sample box class="c-border-purple-2" Some sample box class="c-bg-purple-2 c-bg-purple-2-font" Button class="c-btn-purple-2" Button class="c-btn-border-1x c-btn-purple-2" Button class="c-btn-border-2x c-btn-purple-2" #ac3773 purple-3 × purple-3 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-purple-3" Some sample box class="c-border-purple-3" Some sample box class="c-bg-purple-3 c-bg-purple-3-font" Button class="c-btn-purple-3" Button class="c-btn-border-1x c-btn-purple-3" Button class="c-btn-border-2x c-btn-purple-3" #8a7f68 brown × brown Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-brown" Some sample box class="c-border-brown" Some sample box class="c-bg-brown c-bg-brown-font" Button class="c-btn-brown" Button class="c-btn-border-1x c-btn-brown" Button class="c-btn-border-2x c-btn-brown" #685e47 brown-1 × brown-1 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-brown-1" Some sample box class="c-border-brown-1" Some sample box class="c-bg-brown-1 c-bg-brown-1-font" Button class="c-btn-brown-1" Button class="c-btn-border-1x c-btn-brown-1" Button class="c-btn-border-2x c-btn-brown-1" #7a6a61 brown-2 × brown-2 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-brown-2" Some sample box class="c-border-brown-2" Some sample box class="c-bg-brown-2 c-bg-brown-2-font" Button class="c-btn-brown-2" Button class="c-btn-border-1x c-btn-brown-2" Button class="c-btn-border-2x c-btn-brown-2" #9d8b81 brown-3 × brown-3 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-brown-3" Some sample box class="c-border-brown-3" Some sample box class="c-bg-brown-3 c-bg-brown-3-font" Button class="c-btn-brown-3" Button class="c-btn-border-1x c-btn-brown-3" Button class="c-btn-border-2x c-btn-brown-3" #2f353b dark × dark Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-dark" Some sample box class="c-border-dark" Some sample box class="c-bg-dark c-bg-dark-font" Button class="c-btn-dark" Button class="c-btn-border-1x c-btn-dark" Button class="c-btn-border-2x c-btn-dark" #525e64 dark-1 × dark-1 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-dark-1" Some sample box class="c-border-dark-1" Some sample box class="c-bg-dark-1 c-bg-dark-1-font" Button class="c-btn-dark-1" Button class="c-btn-border-1x c-btn-dark-1" Button class="c-btn-border-2x c-btn-dark-1" #31383c dark-2 × dark-2 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-dark-2" Some sample box class="c-border-dark-2" Some sample box class="c-bg-dark-2 c-bg-dark-2-font" Button class="c-btn-dark-2" Button class="c-btn-border-1x c-btn-dark-2" Button class="c-btn-border-2x c-btn-dark-2" #41515b dark-3 × dark-3 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-dark-3" Some sample box class="c-border-dark-3" Some sample box class="c-bg-dark-3 c-bg-dark-3-font" Button class="c-btn-dark-3" Button class="c-btn-border-1x c-btn-dark-3" Button class="c-btn-border-2x c-btn-dark-3" #eeeeee grey × grey Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-grey" Some sample box class="c-border-grey" Some sample box class="c-bg-grey c-bg-grey-font" Button class="c-btn-grey" Button class="c-btn-border-1x c-btn-grey" Button class="c-btn-border-2x c-btn-grey" #f7f7f7 grey-1 × grey-1 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-grey-1" Some sample box class="c-border-grey-1" Some sample box class="c-bg-grey-1 c-bg-grey-1-font" Button class="c-btn-grey-1" Button class="c-btn-border-1x c-btn-grey-1" Button class="c-btn-border-2x c-btn-grey-1" #677083 grey-2 × grey-2 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-grey-2" Some sample box class="c-border-grey-2" Some sample box class="c-bg-grey-2 c-bg-grey-2-font" Button class="c-btn-grey-2" Button class="c-btn-border-1x c-btn-grey-2" Button class="c-btn-border-2x c-btn-grey-2" #7f8c97 grey-3 × grey-3 Typography Background & Border Buttons Sample text... Sample text... Sample text... class="c-font-grey-3" Some sample box class="c-border-grey-3" Some sample box class="c-bg-grey-3 c-bg-grey-3-font" Button class="c-btn-grey-3" Button class="c-btn-border-1x c-btn-grey-3" Button class="c-btn-border-2x c-btn-grey-3"