Skip to content

Instantly share code, notes, and snippets.

@jmahc
Last active August 30, 2016 18:19
Show Gist options
  • Select an option

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

Select an option

Save jmahc/b89f0bfce3b643adda159fd90a1b75eb to your computer and use it in GitHub Desktop.
List of color variables with names. Consistently used throughout my projects (WIP)
// Color names generated by:
// 1. https://coolors.co/
// 2. http://chir.ag/projects/name-that-color/
// Colors =========================================
// ====== Generic
//
// Black -> Grays w/ #'s
//
@color-black : #000000;
@color-licorice : #111111;
@color-raisin-black : #222222;
@color-jet : #333333;
@color-arsenic : #444444;
@color-davy-gray : #555555;
@color-granite-gray : #666666;
@color-sonic-silver : #777777;
@color-taupe-gray : #888888;
@color-spanish-gray : #999999;
//
// Grays -> Whites w/ letters
//
@color-true-dark-gray : #aaaaaa;
@color-true-gray : #bbbbbb;
@color-pastel-gray : #cccccc;
@color-gainsboro : #dddddd;
@color-isabelline : #eeeeee;
@color-white : #ffffff;
//
// Darks
//
@color-eerie-black : #191919;
@color-dark-gunmetal : #212130;
//
// Grays
//
@color-platinum : #e5e5e5;
@color-nickel : #727272;
//
// Whites
//
@color-cultured : #f5f5f5;
@color-anti-flash-white : #F9F2F4;
@color-ghost-white : #f9f9f9;
//
// Reds
//
@color-spanish-pink : #F9BDBB;
@color-jelly-bean : #d9534f;
@color-french-raspberry : #C7254E;
@color-lust : #e51c23;
//
// Oranges
//
@color-navajo-white : #FFE0B2;
@color-vivid-gamboge : #ff9800;
//
// Yellows
//
@color-maximum-yellow-red : #f0ad4e;
//
// Greens
//
@color-eggshell : #DFF0D8;
@color-middle-green : #4CAF50;
@color-bud-green : #5CB85C;
@color-may-green : #449d44;
//
// Blues
//
@color-blue-jeans : #5bc0de;
@color-dodger-blue : #2196F3;
@color-true-blue : #0275d8;
@color-medium-persian-blue: #025AA5;
@color-usafa-blue : #01549b;
@color-dark-midnight-blue : #003767;
//
// Violets
//
@color-thistle : #E1BEE7;
@color-dark-orchid : #9C27B0;
//
// Colors =========================================
// ====== Custom
// ============= Source
// - Bootstrap v4.0.0-alpha.3 Colors (buttons)
@color-bs4-default : @color-white;
@color-bs4-primary : @color-dodger-blue;
@color-bs4-success : @color-bud-green;
@color-bs4-info : @color-blue-jeans;
@color-bs4-warning : @color-maximum-yellow-red;
@color-bs4-danger : @color-jelly-bean;
//
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment