Skip to content

Instantly share code, notes, and snippets.

@tallys
Created January 30, 2015 22:24
Show Gist options
  • Star 5 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tallys/130b2a34b3ce11357c14 to your computer and use it in GitHub Desktop.
Save tallys/130b2a34b3ce11357c14 to your computer and use it in GitHub Desktop.
Stop Using Colors at Random
// Color Palette
$blue: #4dabdf;
$orange: #FF9058;
//neutrals
$white : #fff;
$gray : #808080;
$dark-gray: #222;
$medium-gray: #999;
// Color Scheme
$primary-color: $blue;
$primary-color-dark: darken ($primary-color, 7%);
$primary-color-light: lighten($primary-color, 11%);
$primary-color-neutral: desaturate($primary-color, 11%);
$primary-color-bright: saturate($primary-color, 17%);
$primary-color-hue: adjusthue($primary-color, 20%);
$accent-color: $orange;
$accent-color-light: lighten($accent-color, 11%);
$accent-color-dark: darken($accent-color, 14%);
$accent-color-neutral: desaturate($accent-color, 14%);
$accent-color-bright: saturate($accent-color, 17%);
// Font Colors
$primary-font-color: darken($primary-color, 33%);
$secondary-font-color: darken($primary-color, 33%);
$accent-font-color: $accent-color-dark;
@tallys
Copy link
Author

tallys commented Jan 30, 2015

You've found my Gist! I've got a longer write up about what this is at artist-developer.com

Yay colors!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment