/* Flat color palette (full) downloaded from
* http://htmlcolorcodes.com/color-charts/
*
* Check out our powerful color picker
* http://htmlcolorcodes.com/color-picker/
*
* Want to learn more about colors in SCSS?
* http://htmlcolorcodes.com/tutorials/
*
* - - - - - - - - - - - - - - - - - -
* Credits:
*
* Original color palette by
* http://designmodo.github.io/Flat-UI/
*
* - - - - - - - - - - - - - - - - - -
* How to use:
*
* Include this file with your stylesheets
* in the of your HTML file:
*
*
* ...
* Your Colored Title
* ...
*
*
* - - - - - - - - - - - - - - - - - -
* Note:
*
* .color and .color-500 are the same, simply there
* for your convenience.
*/
.slogan{text-align:center;font-size:1.05em;font-style:italic;font-weight:bold;
line-height:1.5em;}
/* Turquoise */
.turquoise-bg { background-color: #1abc9c; }
.turquoise-50-bg { background-color: #e8f8f5; }
.turquoise-100-bg { background-color: #d1f2eb; }
.turquoise-200-bg { background-color: #a3e4d7; }
.turquoise-300-bg { background-color: #76d7c4; }
.turquoise-400-bg { background-color: #48c9b0; }
.turquoise-500-bg { background-color: #1abc9c; }
.turquoise-600-bg { background-color: #17a589; }
.turquoise-700-bg { background-color: #148f77; }
.turquoise-800-bg { background-color: #117864; }
.turquoise-900-bg { background-color: #0e6251; }
/* Green Sea */
.green-sea-bg { background-color: #16a085; }
.green-sea-50-bg { background-color: #e8f6f3; }
.green-sea-100-bg { background-color: #d0ece7; }
.green-sea-200-bg { background-color: #a2d9ce; }
.green-sea-300-bg { background-color: #73c6b6; }
.green-sea-400-bg { background-color: #45b39d; }
.green-sea-500-bg { background-color: #16a085; }
.green-sea-600-bg { background-color: #138d75; }
.green-sea-700-bg { background-color: #117a65; }
.green-sea-800-bg { background-color: #0e6655; }
.green-sea-900-bg { background-color: #0b5345; }
/* Emerald */
.emerald-bg { background-color: #2ecc71; }
.emerald-50-bg { background-color: #eafaf1; }
.emerald-100-bg { background-color: #d5f5e3; }
.emerald-200-bg { background-color: #abebc6; }
.emerald-300-bg { background-color: #82e0aa; }
.emerald-400-bg { background-color: #58d68d; }
.emerald-500-bg { background-color: #2ecc71; }
.emerald-600-bg { background-color: #28b463; }
.emerald-700-bg { background-color: #239b56; }
.emerald-800-bg { background-color: #1d8348; }
.emerald-900-bg { background-color: #186a3b; }
/* Nephritis */
.nephritis-bg { background-color: #27ae60; }
.nephritis-50-bg { background-color: #e9f7ef; }
.nephritis-100-bg { background-color: #d4efdf; }
.nephritis-200-bg { background-color: #a9dfbf; }
.nephritis-300-bg { background-color: #7dcea0; }
.nephritis-400-bg { background-color: #52be80; }
.nephritis-500-bg { background-color: #27ae60; }
.nephritis-600-bg { background-color: #229954; }
.nephritis-700-bg { background-color: #1e8449; }
.nephritis-800-bg { background-color: #196f3d; }
.nephritis-900-bg { background-color: #145a32; }
/* Peter River */
.peter-river-bg { background-color: #3498db; }
.peter-river-50-bg { background-color: #ebf5fb; }
.peter-river-100-bg { background-color: #d6eaf8; }
.peter-river-200-bg { background-color: #aed6f1; }
.peter-river-300-bg { background-color: #85c1e9; }
.peter-river-400-bg { background-color: #5dade2; }
.peter-river-500-bg { background-color: #3498db; }
.peter-river-600-bg { background-color: #2e86c1; }
.peter-river-700-bg { background-color: #2874a6; }
.peter-river-800-bg { background-color: #21618c; }
.peter-river-900-bg { background-color: #1b4f72; }
/* Belize Hole */
.belize-hole-bg { background-color: #2980b9; }
.belize-hole-50-bg { background-color: #eaf2f8; }
.belize-hole-100-bg { background-color: #d4e6f1; }
.belize-hole-200-bg { background-color: #a9cce3; }
.belize-hole-300-bg { background-color: #7fb3d5; }
.belize-hole-400-bg { background-color: #5499c7; }
.belize-hole-500-bg { background-color: #2980b9; }
.belize-hole-600-bg { background-color: #2471a3; }
.belize-hole-700-bg { background-color: #1f618d; }
.belize-hole-800-bg { background-color: #1a5276; }
.belize-hole-900-bg { background-color: #154360; }
/* Amethyst */
.amethyst-bg { background-color: #9b59b6; }
.amethyst-50-bg { background-color: #f5eef8; }
.amethyst-100-bg { background-color: #ebdef0; }
.amethyst-200-bg { background-color: #d7bde2; }
.amethyst-300-bg { background-color: #c39bd3; }
.amethyst-400-bg { background-color: #af7ac5; }
.amethyst-500-bg { background-color: #9b59b6; }
.amethyst-600-bg { background-color: #884ea0; }
.amethyst-700-bg { background-color: #76448a; }
.amethyst-800-bg { background-color: #633974; }
.amethyst-900-bg { background-color: #512e5f; }
/* Wisteria */
.wisteria-bg { background-color: #8e44ad; }
.wisteria-50-bg { background-color: #f4ecf7; }
.wisteria-100-bg { background-color: #e8daef; }
.wisteria-200-bg { background-color: #d2b4de; }
.wisteria-300-bg { background-color: #bb8fce; }
.wisteria-400-bg { background-color: #a569bd; }
.wisteria-500-bg { background-color: #8e44ad; }
.wisteria-600-bg { background-color: #7d3c98; }
.wisteria-700-bg { background-color: #6c3483; }
.wisteria-800-bg { background-color: #5b2c6f; }
.wisteria-900-bg { background-color: #4a235a; }
/* Wet Asphalt */
.wet-asphalt-bg { background-color: #34495e; }
.wet-asphalt-50-bg { background-color: #ebedef; }
.wet-asphalt-100-bg { background-color: #d6dbdf; }
.wet-asphalt-200-bg { background-color: #aeb6bf; }
.wet-asphalt-300-bg { background-color: #85929e; }
.wet-asphalt-400-bg { background-color: #5d6d7e; }
.wet-asphalt-500-bg { background-color: #34495e; }
.wet-asphalt-600-bg { background-color: #2e4053; }
.wet-asphalt-700-bg { background-color: #283747; }
.wet-asphalt-800-bg { background-color: #212f3c; }
.wet-asphalt-900-bg { background-color: #1b2631; }
/* Midnight Blue */
.midnight-blue-bg { background-color: #2c3e50; }
.midnight-blue-50-bg { background-color: #eaecee; }
.midnight-blue-100-bg { background-color: #d5d8dc; }
.midnight-blue-200-bg { background-color: #abb2b9; }
.midnight-blue-300-bg { background-color: #808b96; }
.midnight-blue-400-bg { background-color: #566573; }
.midnight-blue-500-bg { background-color: #2c3e50; }
.midnight-blue-600-bg { background-color: #273746; }
.midnight-blue-700-bg { background-color: #212f3d; }
.midnight-blue-800-bg { background-color: #1c2833; }
.midnight-blue-900-bg { background-color: #17202a; }
/* Sunflower */
.sunflower-bg { background-color: #f1c40f; }
.sunflower-50-bg { background-color: #fef9e7; }
.sunflower-100-bg { background-color: #fcf3cf; }
.sunflower-200-bg { background-color: #f9e79f; }
.sunflower-300-bg { background-color: #f7dc6f; }
.sunflower-400-bg { background-color: #f4d03f; }
.sunflower-500-bg { background-color: #f1c40f; }
.sunflower-600-bg { background-color: #d4ac0d; }
.sunflower-700-bg { background-color: #b7950b; }
.sunflower-800-bg { background-color: #9a7d0a; }
.sunflower-900-bg { background-color: #7d6608; }
/* Orange */
.orange-bg { background-color: #f39c12; }
.orange-50-bg { background-color: #fef5e7; }
.orange-100-bg { background-color: #fdebd0; }
.orange-200-bg { background-color: #fad7a0; }
.orange-300-bg { background-color: #f8c471; }
.orange-400-bg { background-color: #f5b041; }
.orange-500-bg { background-color: #f39c12; }
.orange-600-bg { background-color: #d68910; }
.orange-700-bg { background-color: #b9770e; }
.orange-800-bg { background-color: #9c640c; }
.orange-900-bg { background-color: #7e5109; }
/* Carrot */
.carrot-bg { background-color: #e67e22; }
.carrot-50-bg { background-color: #fdf2e9; }
.carrot-100-bg { background-color: #fae5d3; }
.carrot-200-bg { background-color: #f5cba7; }
.carrot-300-bg { background-color: #f0b27a; }
.carrot-400-bg { background-color: #eb984e; }
.carrot-500-bg { background-color: #e67e22; }
.carrot-600-bg { background-color: #ca6f1e; }
.carrot-700-bg { background-color: #af601a; }
.carrot-800-bg { background-color: #935116; }
.carrot-900-bg { background-color: #784212; }
/* Pumpkin */
.pumpkin-bg { background-color: #d35400; }
.pumpkin-50-bg { background-color: #fbeee6; }
.pumpkin-100-bg { background-color: #f6ddcc; }
.pumpkin-200-bg { background-color: #edbb99; }
.pumpkin-300-bg { background-color: #e59866; }
.pumpkin-400-bg { background-color: #dc7633; }
.pumpkin-500-bg { background-color: #d35400; }
.pumpkin-600-bg { background-color: #ba4a00; }
.pumpkin-700-bg { background-color: #a04000; }
.pumpkin-800-bg { background-color: #873600; }
.pumpkin-900-bg { background-color: #6e2c00; }
/* Alizarin */
.alizarin-bg { background-color: #e74c3c; }
.alizarin-50-bg { background-color: #fdedec; }
.alizarin-100-bg { background-color: #fadbd8; }
.alizarin-200-bg { background-color: #f5b7b1; }
.alizarin-300-bg { background-color: #f1948a; }
.alizarin-400-bg { background-color: #ec7063; }
.alizarin-500-bg { background-color: #e74c3c; }
.alizarin-600-bg { background-color: #cb4335; }
.alizarin-700-bg { background-color: #b03a2e; }
.alizarin-800-bg { background-color: #943126; }
.alizarin-900-bg { background-color: #78281f; }
/* Pomegranate */
.pomegranate-bg { background-color: #c0392b; }
.pomegranate-50-bg { background-color: #f9ebea; }
.pomegranate-100-bg { background-color: #f2d7d5; }
.pomegranate-200-bg { background-color: #e6b0aa; }
.pomegranate-300-bg { background-color: #d98880; }
.pomegranate-400-bg { background-color: #cd6155; }
.pomegranate-500-bg { background-color: #c0392b; }
.pomegranate-600-bg { background-color: #a93226; }
.pomegranate-700-bg { background-color: #922b21; }
.pomegranate-800-bg { background-color: #7b241c; }
.pomegranate-900-bg { background-color: #641e16; }
/* Clouds */
.clouds-bg { background-color: #ecf0f1; }
.clouds-50-bg { background-color: #fdfefe; }
.clouds-100-bg { background-color: #fbfcfc; }
.clouds-200-bg { background-color: #f7f9f9; }
.clouds-300-bg { background-color: #f4f6f7; }
.clouds-400-bg { background-color: #f0f3f4; }
.clouds-500-bg { background-color: #ecf0f1; }
.clouds-600-bg { background-color: #d0d3d4; }
.clouds-700-bg { background-color: #b3b6b7; }
.clouds-800-bg { background-color: #979a9a; }
.clouds-900-bg { background-color: #7b7d7d; }
/* Silver */
.silver-bg { background-color: #bdc3c7; }
.silver-50-bg { background-color: #f8f9f9; }
.silver-100-bg { background-color: #f2f3f4; }
.silver-200-bg { background-color: #e5e7e9; }
.silver-300-bg { background-color: #d7dbdd; }
.silver-400-bg { background-color: #cacfd2; }
.silver-500-bg { background-color: #bdc3c7; }
.silver-600-bg { background-color: #a6acaf; }
.silver-700-bg { background-color: #909497; }
.silver-800-bg { background-color: #797d7f; }
.silver-900-bg { background-color: #626567; }
/* Concrete */
.concrete-bg { background-color: #95a5a6; }
.concrete-50-bg { background-color: #f4f6f6; }
.concrete-100-bg { background-color: #eaeded; }
.concrete-200-bg { background-color: #d5dbdb; }
.concrete-300-bg { background-color: #bfc9ca; }
.concrete-400-bg { background-color: #aab7b8; }
.concrete-500-bg { background-color: #95a5a6; }
.concrete-600-bg { background-color: #839192; }
.concrete-700-bg { background-color: #717d7e; }
.concrete-800-bg { background-color: #5f6a6a; }
.concrete-900-bg { background-color: #4d5656; }
/* Asbestos */
.asbestos-bg { background-color: #7f8c8d; }
.asbestos-50-bg { background-color: #f2f4f4; }
.asbestos-100-bg { background-color: #e5e8e8; }
.asbestos-200-bg { background-color: #ccd1d1; }
.asbestos-300-bg { background-color: #b2babb; }
.asbestos-400-bg { background-color: #99a3a4; }
.asbestos-500-bg { background-color: #7f8c8d; }
.asbestos-600-bg { background-color: #707b7c; }
.asbestos-700-bg { background-color: #616a6b; }
.asbestos-800-bg { background-color: #515a5a; }
.asbestos-900-bg { background-color: #424949; }
/* Want more? Check our our other color palettes at
* http://htmlcolorcodes.com/color-charts/
*/