Skip to content

Instantly share code, notes, and snippets.

@johnmichel
Last active August 29, 2015 14:02
Show Gist options
  • Save johnmichel/40ffb000c59304c99efc to your computer and use it in GitHub Desktop.
Save johnmichel/40ffb000c59304c99efc to your computer and use it in GitHub Desktop.
//-------------------------------------------------------------------------
// UI
//-------------------------------------------------------------------------
// Greens
$turquoise: #1ABC9C
$green-sea: #16A085
$emerald: #2ECC71
$nephritis: #27AE60
// Blues
$peter-river: #3498DB
$belize-hole: #2980B9
$wet-asphalt: #34495E
$midnight-blue: #2C3E50
// Purples
$amethyst: #9B59B6
$wisteria: #8E44AD
// Yellows
$sunflower: #F1C40F
// Oranges
$orange: #F39C12
$carrot: #E67E22
$pumpkin: #D35400
// Reds
$alizarin: #E74C3C
$pomegranate: #C0392B
// Grays
$clouds: #ECF0F1
$silver: #BDC3C7
$concrete: #95A5A6
$asbestos: #7F8C8D
// Aliases make colors easier to remember.
// Greens
$lightGreen: $turquoise
$mutedGreen: $green-sea
$brightGreen: $emerald
$green: $nephritis
// Blues
$lightBlue: $peter-river
$blue: $belize-hole
$navyBlue: $wet-asphalt
$darkBlue: $midnight-blue
// Purples
$lightPurple: $amethyst
$purple: $wisteria
// Yellows
$yellow: $sunflower
// Oranges
$lightOrange: $orange
$mediumOrange: $carrot
$darkOrange: $pumpkin
// Refs
$lightRed: $alizarin
$red: $pomegranate
// Grays
$lightGray: $silver
$gray: $concrete
$darkGray: $asbestos
// Whites
$white: #fff
$offWhite: $clouds
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment