Created
January 30, 2015 22:24
-
-
Save tallys/130b2a34b3ce11357c14 to your computer and use it in GitHub Desktop.
Stop Using Colors at Random
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
// 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; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
You've found my Gist! I've got a longer write up about what this is at artist-developer.com
Yay colors!