Created
December 5, 2014 05:10
-
-
Save rjmoggach/4ac9a5ff49e8671e64db to your computer and use it in GitHub Desktop.
Combo of Flat UI and BootFlat Colors
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Flat UI Colors | |
| @turquoise: #1abc9c; | |
| @green-sea: #16a085; | |
| @emerald: #2ecc71; | |
| @nephritis: #27ae60; | |
| @peter-river: #3498db; | |
| @belize-hole: #2980b9; | |
| @amethyst: #9b59b6; | |
| @wisteria: #8e44ad; | |
| @wet-asphalt: #34495e; | |
| @midnight-blue: #2c3e50; | |
| @sun-flower: #f1c40f; | |
| @orange: #f39c12; | |
| @carrot: #e67e22; | |
| @pumpkin: #d35400; | |
| @alizarin: #e74c3c; | |
| @pomegranate: #c0392b; | |
| @clouds: #ecf0f1; | |
| @silver: #bdc3c7; | |
| @concrete: #95a5a6; | |
| @asbestos: #7f8c8d; | |
| // Social colors | |
| @social-pinterest: #cb2028; | |
| @social-linkedin: #0072b5; | |
| @social-stumbleupon: #ed4a13; | |
| @social-googleplus: #2d2d2d; | |
| @social-facebook: #2f4b93; | |
| @social-twitter: #00bdef; | |
| // BootFlat Colors | |
| @foreign-crimson: #c91f37; | |
| @red-orange: #dc3023; | |
| @cochineal-red: #9d2933; | |
| @monza: #cf000f; | |
| @brewed-mustard-brown: #e68364; | |
| @scarlet: #cf3a24; | |
| @pure-crimson: #c3272b; | |
| @true-red: #8f1d21; | |
| @chestnut-rose: #d24d57; | |
| @one-kin-dye: #f08f90; | |
| @peach: #f47983; | |
| @red-plum: #db5a6b; | |
| @medium-crimson: #c93756; | |
| @cherry-blossom: #fcc9b9; | |
| @washed-out-crimson: #ffb3a7; | |
| @radical-red: #f62459; | |
| @ibis-wing: #f58f84; | |
| @wisteria-purple: #875f9a; | |
| @bellflower: #5d3f6a; | |
| @iris: #763568; | |
| @tatarian-aster: #8d608c; | |
| @thin: #a87ca0; | |
| @violet: #5b3256; | |
| @medium-purple: #bf55ec; | |
| @studio: #8e44ad; | |
| @wisteria: #9b59b6; | |
| @light-wisteria: #be90d4; | |
| @sky: #4d8fac; | |
| @ultramarine: #5d8cae; | |
| @picton-blue: #22a7f0; | |
| @dodger-blue: #19b5fe; | |
| @picton-blue: #59abe3; | |
| @light-blue: #48929b; | |
| @thousand-herb: #317589; | |
| @jordy-blue: #89c4f4; | |
| @steel-blue: #4b77be; | |
| @lapis-lazuli: #1f4788; | |
| @navy-blue: #003171; | |
| @hanada: #044f67; | |
| @indigo: #264348; | |
| @siskin-sprout-yellow: #7a942e; | |
| @young-green-onion: #8db255; | |
| @fresh-onion: #5b8930; | |
| @young-bamboo: #6b9362; | |
| @patina: #407a52; | |
| @green-bamboo: #006442; | |
| @gossip: #87d37c; | |
| @eucalyptus: #26a65b; | |
| @jungle-green: #26c281; | |
| @observatory: #049372; | |
| @jungle-green: #2abb9b; | |
| @mountain-meadow: #16a085; | |
| @free-speech-aquamarine: #03a678; | |
| @ocean-green: #4daf7c; | |
| @patrinia-flowers: #d9b611; | |
| @amur-cork-tree: #f3c13a; | |
| @ripe-lemon: #f7ca18; | |
| @japanese-triandra-grass: #e2b13c; | |
| @rapeseed-oil: #a17917; | |
| @cream-can: #f5d76e; | |
| @saffron: #f4d03f; | |
| @bright-golden-yellow: #ffa400; | |
| @sumac-dyed: #e08a1e; | |
| @gamboge: #ffb61e; | |
| @corn: #faa945; | |
| @egg: #ffa631; | |
| @floral-leaf: #ffb94e; | |
| @golden-fallen-leaves: #e29c45; | |
| @ecstasy: #f9690e; | |
| @amber: #ca6924; | |
| @lightning-yellow: #f5ab35; | |
| @silver: #bfbfbf; | |
| @cararra: #f2f1ef; | |
| @silver-sand: #bdc3c7; | |
| @porcelain: #ecf0f1; | |
| @pumice: #d2d7d3; | |
| @harbor-rat: #757d75; | |
| @gallery: #eeeeee; | |
| @edward: #abb7b7; | |
| @lynch: #6c7a89; | |
| @cascade: #95a5a6; | |
| .bg-turquoise { background-color: @turquoise }; | |
| .bg-green-sea { background-color: @green-sea }; | |
| .bg-emerald { background-color: @emerald }; | |
| .bg-nephritis { background-color: @nephritis }; | |
| .bg-peter-river { background-color: @peter-river }; | |
| .bg-belize-hole { background-color: @belize-hole }; | |
| .bg-amethyst { background-color: @amethyst }; | |
| .bg-wisteria { background-color: @wisteria }; | |
| .bg-wet-asphalt { background-color: @wet-asphalt }; | |
| .bg-midnight-blue { background-color: @midnight-blue }; | |
| .bg-sun-flower { background-color: @sun-flower }; | |
| .bg-orange { background-color: @orange }; | |
| .bg-carrot { background-color: @carrot }; | |
| .bg-pumpkin { background-color: @pumpkin }; | |
| .bg-alizarin { background-color: @alizarin }; | |
| .bg-pomegranate { background-color: @pomegranate }; | |
| .bg-clouds { background-color: @clouds }; | |
| .bg-silver { background-color: @silver }; | |
| .bg-concrete { background-color: @concrete }; | |
| .bg-asbestos { background-color: @asbestos }; | |
| // Social colors | |
| .bg-social-pinterest { background-color: @social-pinterest }; | |
| .bg-social-linkedin { background-color: @social-linkedin }; | |
| .bg-social-stumbleupon { background-color: @social-stumbleupon }; | |
| .bg-social-googleplus { background-color: @social-googleplus }; | |
| .bg-social-facebook { background-color: @social-facebook }; | |
| .bg-social-twitter { background-color: @social-twitter }; | |
| // BootFlat Colors | |
| .bg-foreign-crimson { background-color: @foreign-crimson }; | |
| .bg-red-orange { background-color: @red-orange }; | |
| .bg-cochineal-red { background-color: @cochineal-red }; | |
| .bg-monza { background-color: @monza }; | |
| .bg-brewed-mustard-brown { background-color: @brewed-mustard-brown }; | |
| .bg-scarlet { background-color: @scarlet }; | |
| .bg-pure-crimson { background-color: @pure-crimson }; | |
| .bg-true-red { background-color: @true-red }; | |
| .bg-chestnut-rose { background-color: @chestnut-rose }; | |
| .bg-one-kin-dye { background-color: @one-kin-dye }; | |
| .bg-peach { background-color: @peach }; | |
| .bg-red-plum { background-color: @red-plum }; | |
| .bg-medium-crimson { background-color: @medium-crimson }; | |
| .bg-cherry-blossom { background-color: @cherry-blossom }; | |
| .bg-washed-out-crimson { background-color: @washed-out-crimson }; | |
| .bg-radical-red { background-color: @radical-red }; | |
| .bg-ibis-wing { background-color: @ibis-wing }; | |
| .bg-wisteria-purple { background-color: @wisteria-purple }; | |
| .bg-bellflower { background-color: @bellflower }; | |
| .bg-iris { background-color: @iris }; | |
| .bg-tatarian-aster { background-color: @tatarian-aster }; | |
| .bg-thin { background-color: @thin }; | |
| .bg-violet { background-color: @violet }; | |
| .bg-medium-purple { background-color: @medium-purple }; | |
| .bg-studio { background-color: @studio }; | |
| .bg-light-wisteria { background-color: @light-wisteria }; | |
| .bg-sky { background-color: @sky }; | |
| .bg-ultramarine { background-color: @ultramarine }; | |
| .bg-picton-blue { background-color: @picton-blue }; | |
| .bg-dodger-blue { background-color: @dodger-blue }; | |
| .bg-picton-blue { background-color: @picton-blue }; | |
| .bg-light-blue { background-color: @light-blue }; | |
| .bg-thousand-herb { background-color: @thousand-herb }; | |
| .bg-jordy-blue { background-color: @jordy-blue }; | |
| .bg-steel-blue { background-color: @steel-blue }; | |
| .bg-lapis-lazuli { background-color: @lapis-lazuli }; | |
| .bg-navy-blue { background-color: @navy-blue }; | |
| .bg-hanada { background-color: @hanada }; | |
| .bg-indigo { background-color: @indigo }; | |
| .bg-siskin-sprout-yellow { background-color: @siskin-sprout-yellow }; | |
| .bg-young-green-onion { background-color: @young-green-onion }; | |
| .bg-fresh-onion { background-color: @fresh-onion }; | |
| .bg-young-bamboo { background-color: @young-bamboo }; | |
| .bg-patina { background-color: @patina }; | |
| .bg-green-bamboo { background-color: @green-bamboo }; | |
| .bg-gossip { background-color: @gossip }; | |
| .bg-eucalyptus { background-color: @eucalyptus }; | |
| .bg-jungle-green { background-color: @jungle-green }; | |
| .bg-observatory { background-color: @observatory }; | |
| .bg-jungle-green { background-color: @jungle-green }; | |
| .bg-mountain-meadow { background-color: @mountain-meadow }; | |
| .bg-free-speech-aquamarine { background-color: @free-speech-aquamarine }; | |
| .bg-ocean-green { background-color: @ocean-green }; | |
| .bg-patrinia-flowers { background-color: @patrinia-flowers }; | |
| .bg-amur-cork-tree { background-color: @amur-cork-tree }; | |
| .bg-ripe-lemon { background-color: @ripe-lemon }; | |
| .bg-japanese-triandra-grass { background-color: @japanese-triandra-grass }; | |
| .bg-rapeseed-oil { background-color: @rapeseed-oil }; | |
| .bg-cream-can { background-color: @cream-can }; | |
| .bg-saffron { background-color: @saffron }; | |
| .bg-bright-golden-yellow { background-color: @bright-golden-yellow }; | |
| .bg-sumac-dyed { background-color: @sumac-dyed }; | |
| .bg-gamboge { background-color: @gamboge }; | |
| .bg-corn { background-color: @corn }; | |
| .bg-egg { background-color: @egg }; | |
| .bg-floral-leaf { background-color: @floral-leaf }; | |
| .bg-golden-fallen-leaves { background-color: @golden-fallen-leaves }; | |
| .bg-ecstasy { background-color: @ecstasy }; | |
| .bg-amber { background-color: @amber }; | |
| .bg-lightning-yellow { background-color: @lightning-yellow }; | |
| .bg-silver { background-color: @silver }; | |
| .bg-cararra { background-color: @cararra }; | |
| .bg-silver-sand { background-color: @silver-sand }; | |
| .bg-porcelain { background-color: @porcelain }; | |
| .bg-pumice { background-color: @pumice }; | |
| .bg-harbor-rat { background-color: @harbor-rat }; | |
| .bg-gallery { background-color: @gallery }; | |
| .bg-edward { background-color: @edward }; | |
| .bg-lynch { background-color: @lynch }; | |
| .bg-cascade { background-color: @cascade }; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment