Skip to content

Instantly share code, notes, and snippets.

@jmahc
Last active April 4, 2017 03:47
Show Gist options
  • Select an option

  • Save jmahc/1f66578a26861dd32faac455cff3e2c2 to your computer and use it in GitHub Desktop.

Select an option

Save jmahc/1f66578a26861dd32faac455cff3e2c2 to your computer and use it in GitHub Desktop.
Colors for sass
//
// Colors
//
$color-black: #000;
$color-licorice: #111;
$color-raisin-black: #222;
$color-jet: #333;
$color-arsenic: #444;
$color-davy-gray: #555;
$color-granite-gray: #666;
$color-sonic-silver: #777;
$color-taupe-gray: #888;
$color-spanish-gray: #999;
$color-true-dark-gray: #aaa;
$color-true-gray: #bbb;
$color-pastel-gray: #ccc;
$color-gainsboro: #ddd;
$color-isabelline: #eee;
$color-white: #fff;
// Grays -> Blacks
$color-porcelain: #eceeef;
$color-cultured: #f5f5f5;
$color-anti-flash-white: #f9f2f4;
$color-ghost-white: #f9f9f9;
$color-alabaster: #f7f7f7;
$color-athens-gray: #f7f7f9;
$color-azureish-white: #d9edf7;
$color-platinum: #e5e5e5;
$color-nickel: #727272;
$color-boulder: #767676;
$color-oslo-gray: #818a91;
$color-roman-silver: #8e869d;
$color-abbey: #55595c;
$color-onyx: #373a3c;
$color-eerie-black: #191919;
$color-cod-gray: #141414;
$color-mine-shaft: #212121;
$color-dark-gunmetal: #212130;
$color-baltic-sea: #2a2730;
// Reds
$color-pale-pink: #f2dede;
$color-spanish-pink: #f9bdbb;
$color-jelly-bean: #d9534f;
$color-deep-chestnut: #bd4147;
$color-medium-carmine: #a94442;
$color-dingy-dungeon: #c3325f;
$color-french-raspberry: #c7254e;
$color-lust: #e51c23;
// Oranges & Yellows
$color-cosmic-latte: #fcf8e3;
$color-navajo-white: #ffe0b2;
$color-salomie: #ffe484;
$color-maximum-yellow-red: #f0ad4e;
$color-vivid-gamboge: #ff9800;
// Browns
$color-coyote-brown: #8a6d3b;
// Greens
$color-eggshell: #dff0d8;
$color-bud-green: #5cb85c;
$color-middle-green: #4caf50;
$color-may-green: #449d44;
$color-fern-green: #3c763d;
// Blues
$color-spiral-disco-ball: #22d4f9;
$color-blue-jeans: #5bc0de;
$color-teal-blue: #31708f;
$color-picton-blue: #51a7e8;
$color-cornflower-blue: #66afe9;
$color-malibu: #84c6ff;
$color-cyan-process: #00b3ee;
$color-brilliant-azure: #34a0ff;
$color-dodger-blue: #2196f3;
$color-science-blue: #0074d9;
$color-true-blue: #0275d8;
$color-medium-persian-blue: #025aa5;
$color-usafa-blue: #01549b;
$color-dark-midnight-blue: #003767;
// Violets
$color-soap: #cdbfe3;
$color-thistle: #e1bee7;
$color-studio: #7952b3;
$color-royal-purple: #7a43b6;
$color-cyber-grape: #563d7c;
$color-dark-orchid: #9c27b0;
// Colors
//
// Grayscale and brand colors for use across Bootstrap.
$gray: $color-granite-gray !default;
$gray-dark: $color-mine-shaft !default;
$gray-light: $color-true-gray !default;
$gray-lighter: $color-isabelline !default;
$gray-lightest: $color-athens-gray !default;
$brand-vaco: $color-dark-midnight-blue !default;
$brand-primary: $brand-vaco !default;
$brand-primary-bright: $color-dodger-blue;
$brand-primary-state: $color-spiral-disco-ball;
$brand-success: $color-bud-green !default;
$brand-info: $color-blue-jeans !default;
$brand-warning: $color-maximum-yellow-red !default;
$brand-danger: $color-jelly-bean !default;
$brand-inverse: $gray-dark !default;
// Transparent Blacks
$color-black-five: rgba(0,0,0,.05);
$color-black-seven-half: rgba(0,0,0,.075);
$color-black-ten: rgba(0,0,0,.1);
$color-black-twelve-half: rgba(0,0,0,.125);
$color-black-fifteen: rgba(0,0,0,.15);
$color-black-seventeen-half: rgba(0,0,0,.175);
$color-black-twenty: rgba(0,0,0,.2);
$color-black-twenty-five: rgba(0,0,0,.25);
$color-black-thirty: rgba(0,0,0,.3);
$color-black-fifty: rgba(0,0,0,.5);
$color-black-sixty: rgba(0,0,0,.6);
$color-black-eighty: rgba(0,0,0,.8);
// Transparent whites
$color-white-fifteen: rgba(255,255,255,.15);
$color-white-twenty-five: rgba(255,255,255,.25);
$color-white-fifty: rgba(255,255,255,.5);
$color-white-seventy-five: rgba(255,255,255,.75);
$color-white-one-hundred: rgba(255,255,255, 1);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment