Skip to content

Instantly share code, notes, and snippets.

@AdamHjerpe
Created October 17, 2013 21:35
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save AdamHjerpe/7032607 to your computer and use it in GitHub Desktop.
Save AdamHjerpe/7032607 to your computer and use it in GitHub Desktop.
All the colors from flatuicolors.com put into variables with RGBA default and HEX fallback.
//////////////////////////////////////////////////////
// All colors courtesy of http://flatuicolors.com/ //
// Colors can be seen at that url too :) //
// Order goes: Light color first, darker second //
//////////////////////////////////////////////////////
// Green-Blue
$turquoise: #1abc9c rgba(26, 188, 156,1.0);
$green-sea: #16a085 rgba(22, 160, 133,1.0);
// Green
$emerald: #2ecc71 rgba(46, 204, 113,1.0);
$nephritis: #27ae60 rgba(39, 174, 96,1.0);
// Blue
$peter-river: #3498db rgba(52, 152, 219,1.0);
$belize-hole: #2980b9 rgba(41, 128, 185,1.0);
// Purple
$amethyst: #9b59b6 rgba(155, 89, 182,1.0);
$wisteria: #8e44ad rgba(142, 68, 173,1.0);
// Dark Grey
$wet-asphalt: #34495e rgba(52, 73, 94,1.0);
$midnight-blue: #2c3e50 rgba(44, 62, 80,1.0);
// Yellow
$sun-flower: #f1c40f rgba(241, 196, 15,1.0);
$orange: #f39c12 rgba(243, 156, 18,1.0);
// Orange
$carrot: #e67e22 rgba(230, 126, 34,1.0);
$pumpkin: #d35400 rgba(211, 84, 0,1.0);
// Red
$alizarin: #e74c3c rgba(231, 76, 60,1.0);
$pomegranate: #c0392b rgba(192, 57, 43,1.0);
// Light Grey
$clouds: #ecf0f1 rgba(236, 240, 241,1.0);
$silver: #bdc3c7 rgba(189, 195, 199,1.0);
// Medium Grey
$concrete: #95a5a6 rgba(149, 165, 166,1.0);
$asbestos: #7f8c8d rgba(127, 140, 141,1.0);
@imlinus
Copy link

imlinus commented Nov 8, 2013

Me likey!

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