Skip to content

Instantly share code, notes, and snippets.

@rjmoggach
Created December 5, 2014 05:10
Show Gist options
  • Save rjmoggach/4ac9a5ff49e8671e64db to your computer and use it in GitHub Desktop.
Save rjmoggach/4ac9a5ff49e8671e64db to your computer and use it in GitHub Desktop.
Combo of Flat UI and BootFlat Colors
// 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