Skip to content

Instantly share code, notes, and snippets.

@zwetan
Created April 20, 2016 15:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zwetan/1746f21ba746b71fd50ff32e8617d754 to your computer and use it in GitHub Desktop.
Save zwetan/1746f21ba746b71fd50ff32e8617d754 to your computer and use it in GitHub Desktop.
Material Design Colors
package corsaair.bootstrap.ui.colors
{
/**
* Google's Meterial Design Palette class.
*
* <p>
* This color palette comprises primary and accent colors
* that can be used for illustration or to develop your
* brand colors.
*
* They’ve been designed to work harmoniously with each other.
* </p>
*
* <p>
* The color palette starts with primary colors and fills
* in the spectrum to create a complete and usable palette
* for Android, Web, and iOS.
*
* Google suggests using the 500 colors as the primary colors
* in your app and the other colors as accents colors.
* </p>
*
* @see http://www.google.com/design/spec/style/color.html#color-color-palette Color palette
* @see http://design.google.com/videos/palette-perfect/ Palette Perfect (video)
*/
public class MaterialDesignPalette extends Palette
{
public static var black:uint = 0x000000;
public static var white:uint = 0xFFFFFF;
// red
public static var red50:uint = 0xffebee;
public static var red100:uint = 0xffcdd2;
public static var red200:uint = 0xef9a9a;
public static var red300:uint = 0xe57373;
public static var red400:uint = 0xef5350;
public static var red500:uint = 0xf44336;
public static var red600:uint = 0xe53935;
public static var red700:uint = 0xd32f2f;
public static var red800:uint = 0xc62828;
public static var red900:uint = 0xb71c1c;
public static var redA100:uint = 0xff8a80;
public static var redA200:uint = 0xff5252;
public static var redA400:uint = 0xff1744;
public static var redA700:uint = 0xd50000;
// pink
public static var pink50:uint = 0xfce4ec;
public static var pink100:uint = 0xf8bbd0;
public static var pink200:uint = 0xf48fb1;
public static var pink300:uint = 0xf06292;
public static var pink400:uint = 0xec407a;
public static var pink500:uint = 0xe91e63;
public static var pink600:uint = 0xd81b60;
public static var pink700:uint = 0xc2185b;
public static var pink800:uint = 0xad1457;
public static var pink900:uint = 0x880e4f;
public static var pinkA100:uint = 0xff80ab;
public static var pinkA200:uint = 0xff4081;
public static var pinkA400:uint = 0xf50057;
public static var pinkA700:uint = 0xc51162;
// purple
public static var purple50:uint = 0xf3e5f5;
public static var purple100:uint = 0xe1bee7;
public static var purple200:uint = 0xce93d8;
public static var purple300:uint = 0xba68c8;
public static var purple400:uint = 0xab47bc;
public static var purple500:uint = 0x9c27b0;
public static var purple600:uint = 0x8e24aa;
public static var purple700:uint = 0x7b1fa2;
public static var purple800:uint = 0x6a1b9a;
public static var purple900:uint = 0x4a148c;
public static var purpleA100:uint = 0xea80fc;
public static var purpleA200:uint = 0xe040fb;
public static var purpleA400:uint = 0xd500f9;
public static var purpleA700:uint = 0xaa00ff;
// deepPurple
public static var deepPurple50:uint = 0xede7f6;
public static var deepPurple100:uint = 0xd1c4e9;
public static var deepPurple200:uint = 0xb39ddb;
public static var deepPurple300:uint = 0x9575cd;
public static var deepPurple400:uint = 0x7e57c2;
public static var deepPurple500:uint = 0x673ab7;
public static var deepPurple600:uint = 0x5e35b1;
public static var deepPurple700:uint = 0x512da8;
public static var deepPurple800:uint = 0x4527a0;
public static var deepPurple900:uint = 0x311b92;
public static var deepPurpleA100:uint = 0xb388ff;
public static var deepPurpleA200:uint = 0x7c4dff;
public static var deepPurpleA400:uint = 0x651fff;
public static var deepPurpleA700:uint = 0x6200ea;
// indigo
public static var indigo50:uint = 0xe8eaf6;
public static var indigo100:uint = 0xc5cae9;
public static var indigo200:uint = 0x9fa8da;
public static var indigo300:uint = 0x7986cb;
public static var indigo400:uint = 0x5c6bc0;
public static var indigo500:uint = 0x3f51b5;
public static var indigo600:uint = 0x3949ab;
public static var indigo700:uint = 0x303f9f;
public static var indigo800:uint = 0x283593;
public static var indigo900:uint = 0x1a237e;
public static var indigoA100:uint = 0x8c9eff;
public static var indigoA200:uint = 0x536dfe;
public static var indigoA400:uint = 0x3d5afe;
public static var indigoA700:uint = 0x304ffe;
// blue
public static var blue50:uint = 0xe3f2fd;
public static var blue100:uint = 0xbbdefb;
public static var blue200:uint = 0x90caf9;
public static var blue300:uint = 0x64b5f6;
public static var blue400:uint = 0x42a5f5;
public static var blue500:uint = 0x2196f3;
public static var blue600:uint = 0x1e88e5;
public static var blue700:uint = 0x1976d2;
public static var blue800:uint = 0x1565c0;
public static var blue900:uint = 0x0d47a1;
public static var blueA100:uint = 0x82b1ff;
public static var blueA200:uint = 0x448aff;
public static var blueA400:uint = 0x2979ff;
public static var blueA700:uint = 0x2962ff;
// lightBlue
public static var lightBlue50:uint = 0xe1f5fe;
public static var lightBlue100:uint = 0xb3e5fc;
public static var lightBlue200:uint = 0x81d4fa;
public static var lightBlue300:uint = 0x4fc3f7;
public static var lightBlue400:uint = 0x29b6f6;
public static var lightBlue500:uint = 0x03a9f4;
public static var lightBlue600:uint = 0x039be5;
public static var lightBlue700:uint = 0x0288d1;
public static var lightBlue800:uint = 0x0277bd;
public static var lightBlue900:uint = 0x01579b;
public static var lightBlueA100:uint = 0x80d8ff;
public static var lightBlueA200:uint = 0x40c4ff;
public static var lightBlueA400:uint = 0x00b0ff;
public static var lightBlueA700:uint = 0x0091ea;
// cyan
public static var cyan50:uint = 0xe0f7fa;
public static var cyan100:uint = 0xb2ebf2;
public static var cyan200:uint = 0x80deea;
public static var cyan300:uint = 0x4dd0e1;
public static var cyan400:uint = 0x26c6da;
public static var cyan500:uint = 0x00bcd4;
public static var cyan600:uint = 0x00acc1;
public static var cyan700:uint = 0x0097a7;
public static var cyan800:uint = 0x00838f;
public static var cyan900:uint = 0x006064;
public static var cyanA100:uint = 0x84ffff;
public static var cyanA200:uint = 0x18ffff;
public static var cyanA400:uint = 0x00e5ff;
public static var cyanA700:uint = 0x00b8d4;
// teal
public static var teal50:uint = 0xe0f2f1;
public static var teal100:uint = 0xb2dfdb;
public static var teal200:uint = 0x80cbc4;
public static var teal300:uint = 0x4db6ac;
public static var teal400:uint = 0x26a69a;
public static var teal500:uint = 0x009688;
public static var teal600:uint = 0x00897b;
public static var teal700:uint = 0x00796b;
public static var teal800:uint = 0x00695c;
public static var teal900:uint = 0x004d40;
public static var tealA100:uint = 0xa7ffeb;
public static var tealA200:uint = 0x64ffda;
public static var tealA400:uint = 0x1de9b6;
public static var tealA700:uint = 0x00bfa5;
// green
public static var green50:uint = 0xe8f5e9;
public static var green100:uint = 0xc8e6c9;
public static var green200:uint = 0xa5d6a7;
public static var green300:uint = 0x81c784;
public static var green400:uint = 0x66bb6a;
public static var green500:uint = 0x4caf50;
public static var green600:uint = 0x43a047;
public static var green700:uint = 0x388e3c;
public static var green800:uint = 0x2e7d32;
public static var green900:uint = 0x1b5e20;
public static var greenA100:uint = 0xb9f6ca;
public static var greenA200:uint = 0x69f0ae;
public static var greenA400:uint = 0x00e676;
public static var greenA700:uint = 0x00c853;
// lightGreen
public static var lightGreen50:uint = 0xf1f8e9;
public static var lightGreen100:uint = 0xdcedc8;
public static var lightGreen200:uint = 0xc5e1a5;
public static var lightGreen300:uint = 0xaed581;
public static var lightGreen400:uint = 0x9ccc65;
public static var lightGreen500:uint = 0x8bc34a;
public static var lightGreen600:uint = 0x7cb342;
public static var lightGreen700:uint = 0x689f38;
public static var lightGreen800:uint = 0x558b2f;
public static var lightGreen900:uint = 0x33691e;
public static var lightGreenA100:uint = 0xccff90;
public static var lightGreenA200:uint = 0xb2ff59;
public static var lightGreenA400:uint = 0x76ff03;
public static var lightGreenA700:uint = 0x64dd17;
// lime
public static var lime50:uint = 0xf9fbe7;
public static var lime100:uint = 0xf0f4c3;
public static var lime200:uint = 0xe6ee9c;
public static var lime300:uint = 0xdce775;
public static var lime400:uint = 0xd4e157;
public static var lime500:uint = 0xcddc39;
public static var lime600:uint = 0xc0ca33;
public static var lime700:uint = 0xafb42b;
public static var lime800:uint = 0x9e9d24;
public static var lime900:uint = 0x827717;
public static var limeA100:uint = 0xf4ff81;
public static var limeA200:uint = 0xeeff41;
public static var limeA400:uint = 0xc6ff00;
public static var limeA700:uint = 0xaeea00;
// yellow
public static var yellow50:uint = 0xfffde7;
public static var yellow100:uint = 0xfff9c4;
public static var yellow200:uint = 0xfff59d;
public static var yellow300:uint = 0xfff176;
public static var yellow400:uint = 0xffee58;
public static var yellow500:uint = 0xffeb3b;
public static var yellow600:uint = 0xfdd835;
public static var yellow700:uint = 0xfbc02d;
public static var yellow800:uint = 0xf9a825;
public static var yellow900:uint = 0xf57f17;
public static var yellowA100:uint = 0xffff8d;
public static var yellowA200:uint = 0xffff00;
public static var yellowA400:uint = 0xffea00;
public static var yellowA700:uint = 0xffd600;
// amber
public static var amber50:uint = 0xfff8e1;
public static var amber100:uint = 0xffecb3;
public static var amber200:uint = 0xffe082;
public static var amber300:uint = 0xffd54f;
public static var amber400:uint = 0xffca28;
public static var amber500:uint = 0xffc107;
public static var amber600:uint = 0xffb300;
public static var amber700:uint = 0xffa000;
public static var amber800:uint = 0xff8f00;
public static var amber900:uint = 0xff6f00;
public static var amberA100:uint = 0xffe57f;
public static var amberA200:uint = 0xffd740;
public static var amberA400:uint = 0xffc400;
public static var amberA700:uint = 0xffab00;
// orange
public static var orange50:uint = 0xfff3e0;
public static var orange100:uint = 0xffe0b2;
public static var orange200:uint = 0xffcc80;
public static var orange300:uint = 0xffb74d;
public static var orange400:uint = 0xffa726;
public static var orange500:uint = 0xff9800;
public static var orange600:uint = 0xfb8c00;
public static var orange700:uint = 0xf57c00;
public static var orange800:uint = 0xef6c00;
public static var orange900:uint = 0xe65100;
public static var orangeA100:uint = 0xffd180;
public static var orangeA200:uint = 0xffab40;
public static var orangeA400:uint = 0xff9100;
public static var orangeA700:uint = 0xff6d00;
// deepOrange
public static var deepOrange50:uint = 0xfbe9e7;
public static var deepOrange100:uint = 0xffccbc;
public static var deepOrange200:uint = 0xffab91;
public static var deepOrange300:uint = 0xff8a65;
public static var deepOrange400:uint = 0xff7043;
public static var deepOrange500:uint = 0xff5722;
public static var deepOrange600:uint = 0xf4511e;
public static var deepOrange700:uint = 0xe64a19;
public static var deepOrange800:uint = 0xd84315;
public static var deepOrange900:uint = 0xbf360c;
public static var deepOrangeA100:uint = 0xff9e80;
public static var deepOrangeA200:uint = 0xff6e40;
public static var deepOrangeA400:uint = 0xff3d00;
public static var deepOrangeA700:uint = 0xdd2c00;
// brown
public static var brown50:uint = 0xefebe9;
public static var brown100:uint = 0xd7ccc8;
public static var brown200:uint = 0xbcaaa4;
public static var brown300:uint = 0xa1887f;
public static var brown400:uint = 0x8d6e63;
public static var brown500:uint = 0x795548;
public static var brown600:uint = 0x6d4c41;
public static var brown700:uint = 0x5d4037;
public static var brown800:uint = 0x4e342e;
public static var brown900:uint = 0x3e2723;
public static var brownA100:uint = 0xffffff;
public static var brownA200:uint = 0xffffff;
public static var brownA400:uint = 0xffffff;
public static var brownA700:uint = 0xffffff;
// grey
public static var grey50:uint = 0xfafafa;
public static var grey100:uint = 0xf5f5f5;
public static var grey200:uint = 0xeeeeee;
public static var grey300:uint = 0xe0e0e0;
public static var grey400:uint = 0xbdbdbd;
public static var grey500:uint = 0x9e9e9e;
public static var grey600:uint = 0x757575;
public static var grey700:uint = 0x616161;
public static var grey800:uint = 0x424242;
public static var grey900:uint = 0x212121;
public static var greyA100:uint = 0xffffff;
public static var greyA200:uint = 0xffffff;
public static var greyA400:uint = 0xffffff;
public static var greyA700:uint = 0xffffff;
// blueGrey
public static var blueGrey50:uint = 0xeceff1;
public static var blueGrey100:uint = 0xcfd8dc;
public static var blueGrey200:uint = 0xb0bec5;
public static var blueGrey300:uint = 0x90a4ae;
public static var blueGrey400:uint = 0x78909c;
public static var blueGrey500:uint = 0x607d8b;
public static var blueGrey600:uint = 0x546e7a;
public static var blueGrey700:uint = 0x455a64;
public static var blueGrey800:uint = 0x37474f;
public static var blueGrey900:uint = 0x263238;
public static var blueGreyA100:uint = 0xffffff;
public static var blueGreyA200:uint = 0xffffff;
public static var blueGreyA400:uint = 0xffffff;
public static var blueGreyA700:uint = 0xffffff;
public function MaterialDesignPalette()
{
super();
}
}
}
package corsaair.bootstrap.ui.colors
{
import flash.system.System;
import flash.utils.describeType;
/**
* The Palette class.
*
* Allows to organise colors by palette.
*
* Inherit from <code>Palette</code>
* and declare color defintions
*
* example: <code>public static var name:uint = 0x000000;</code>
*/
public class Palette
{
public static function listColors( palette:Class ):Array
{
var _class:XML = describeType( palette );
var colors:Array = [];
for each( var member:XML in _class.variable )
{
colors.push( member.@name );
}
System.disposeXML( _class );
return colors;
}
public function Palette()
{
}
}
}
@zwetan
Copy link
Author

zwetan commented Apr 20, 2016

cgbghwpuaaezmll jpg-large

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