Skip to content

Instantly share code, notes, and snippets.

@wizlif
Created May 20, 2020 05:28
Show Gist options
  • Save wizlif/08330e08157a27e1c90af2fa1ddd8039 to your computer and use it in GitHub Desktop.
Save wizlif/08330e08157a27e1c90af2fa1ddd8039 to your computer and use it in GitHub Desktop.
Material Color Palettes for flutter users.
import 'package:flutter/material.dart';
class MaterialColors{
// red
static Color get red => Color(0xFFF44336);
static Color get redLighten5 => Color(0xFFFFEBEE);
static Color get redLighten4 => Color(0xFFFFCDD2);
static Color get redLighten3 => Color(0xFFEF9A9A);
static Color get redLighten2 => Color(0xFFE57373);
static Color get redLighten1 => Color(0xFFEF5350);
static Color get redDarken1 => Color(0xFFE53935);
static Color get redDarken2 => Color(0xFFD32F2F);
static Color get redDarken3 => Color(0xFFC62828);
static Color get redDarken4 => Color(0xFFB71C1C);
static Color get redAccent1 => Color(0xFFFF8A80);
static Color get redAccent2 => Color(0xFFFF5252);
static Color get redAccent3 => Color(0xFFFF1744);
static Color get redAccent4 => Color(0xFFD50000);
// pink
static Color get pink => Color(0xFFE91E63);
static Color get pinkLighten5 => Color(0xFFFCE4EC);
static Color get pinkLighten4 => Color(0xFFF8BBD0);
static Color get pinkLighten3 => Color(0xFFF48FB1);
static Color get pinkLighten2 => Color(0xFFF06292);
static Color get pinkLighten1 => Color(0xFFEC407A);
static Color get pinkDarken1 => Color(0xFFD81B60);
static Color get pinkDarken2 => Color(0xFFC2185B);
static Color get pinkDarken3 => Color(0xFFAD1457);
static Color get pinkDarken4 => Color(0xFF880E4F);
static Color get pinkAccent1 => Color(0xFFFF80AB);
static Color get pinkAccent2 => Color(0xFFFF4081);
static Color get pinkAccent3 => Color(0xFFF50057);
static Color get pinkAccent4 => Color(0xFFC51162);
// purple
static Color get purple => Color(0xFF9C27B0);
static Color get purpleLighten5 => Color(0xFFF3E5F5);
static Color get purpleLighten4 => Color(0xFFE1BEE7);
static Color get purpleLighten3 => Color(0xFFCE93D8);
static Color get purpleLighten2 => Color(0xFFBA68C8);
static Color get purpleLighten1 => Color(0xFFAB47BC);
static Color get purpleDarken1 => Color(0xFF8E24AA);
static Color get purpleDarken2 => Color(0xFF7B1FA2);
static Color get purpleDarken3 => Color(0xFF6A1B9A);
static Color get purpleDarken4 => Color(0xFF4A148C);
static Color get purpleAccent1 => Color(0xFFEA80FC);
static Color get purpleAccent2 => Color(0xFFE040FB);
static Color get purpleAccent3 => Color(0xFFD500F9);
static Color get purpleAccent4 => Color(0xFFAA00FF);
//deepPurple
static Color get deepPurple => Color(0xFF673AB7);
static Color get deepPurpleLighten5 => Color(0xFFEDE7F6);
static Color get deepPurpleLighten4 => Color(0xFFD1C4E9);
static Color get deepPurpleLighten3 => Color(0xFFB39DDB);
static Color get deepPurpleLighten2 => Color(0xFF9575CD);
static Color get deepPurpleLighten1 => Color(0xFF7E57C2);
static Color get deepPurpleDarken1 => Color(0xFF5E35B1);
static Color get deepPurpleDarken2 => Color(0xFF512DA8);
static Color get deepPurpleDarken3 => Color(0xFF4527A0);
static Color get deepPurpleDarken4 => Color(0xFF311B92);
static Color get deepPurpleAccent1 => Color(0xFFB388FF);
static Color get deepPurpleAccent2 => Color(0xFF7C4DFF);
static Color get deepPurpleAccent3 => Color(0xFF651FFF);
static Color get deepPurpleAccent4 => Color(0xFF6200EA);
// indigo
static Color get indigo => Color(0xFF3F51B5);
static Color get indigoLighten5 => Color(0xFFE8EAF6);
static Color get indigoLighten4 => Color(0xFFC5CAE9);
static Color get indigoLighten3 => Color(0xFF9FA8DA);
static Color get indigoLighten2 => Color(0xFF7986CB);
static Color get indigoLighten1 => Color(0xFF5C6BC0);
static Color get indigoDarken1 => Color(0xFF3949AB);
static Color get indigoDarken2 => Color(0xFF303F9F);
static Color get indigoDarken3 => Color(0xFF283593);
static Color get indigoDarken4 => Color(0xFF1A237E);
static Color get indigoAccent1 => Color(0xFF8C9EFF);
static Color get indigoAccent2 => Color(0xFF536DFE);
static Color get indigoAccent3 => Color(0xFF3D5AFE);
static Color get indigoAccent4 => Color(0xFF304FFE);
// blue
static Color get blue => Color(0xFF2196F3);
static Color get blueLighten5 => Color(0xFFE3F2FD);
static Color get blueLighten4 => Color(0xFFBBDEFB);
static Color get blueLighten3 => Color(0xFF90CAF9);
static Color get blueLighten2 => Color(0xFF64B5F6);
static Color get blueLighten1 => Color(0xFF42A5F5);
static Color get blueDarken1 => Color(0xFF1E88E5);
static Color get blueDarken2 => Color(0xFF1976D2);
static Color get blueDarken3 => Color(0xFF1565C0);
static Color get blueDarken4 => Color(0xFF0D47A1);
static Color get blueAccent1 => Color(0xFF82B1FF);
static Color get blueAccent2 => Color(0xFF448AFF);
static Color get blueAccent3 => Color(0xFF2979FF);
static Color get blueAccent4 => Color(0xFF2962FF);
// lightBlue
static Color get lightBlue => Color(0xFF03A9F4);
static Color get lightBlueLighten5 => Color(0xFFE1F5FE);
static Color get lightBlueLighten4 => Color(0xFFB3E5FC);
static Color get lightBlueLighten3 => Color(0xFF81D4FA);
static Color get lightBlueLighten2 => Color(0xFF4FC3F7);
static Color get lightBlueLighten1 => Color(0xFF29B6F6);
static Color get lightBlueDarken1 => Color(0xFF039BE5);
static Color get lightBlueDarken2 => Color(0xFF0288D1);
static Color get lightBlueDarken3 => Color(0xFF0277BD);
static Color get lightBlueDarken4 => Color(0xFF01579B);
static Color get lightBlueAccent1 => Color(0xFF80D8FF);
static Color get lightBlueAccent2 => Color(0xFF40C4FF);
static Color get lightBlueAccent3 => Color(0xFF00B0FF);
static Color get lightBlueAccent4 => Color(0xFF0091EA);
// cyan
static Color get cyan => Color(0xFF00BCD4);
static Color get cyanLighten5 => Color(0xFFE0F7FA);
static Color get cyanLighten4 => Color(0xFFB2EBF2);
static Color get cyanLighten3 => Color(0xFF80DEEA);
static Color get cyanLighten2 => Color(0xFF4DD0E1);
static Color get cyanLighten1 => Color(0xFF26C6DA);
static Color get cyanDarken1 => Color(0xFF00ACC1);
static Color get cyanDarken2 => Color(0xFF0097A7);
static Color get cyanDarken3 => Color(0xFF00838F);
static Color get cyanDarken4 => Color(0xFF006064);
static Color get cyanAccent1 => Color(0xFF84FFFF);
static Color get cyanAccent2 => Color(0xFF18FFFF);
static Color get cyanAccent3 => Color(0xFF00E5FF);
static Color get cyanAccent4 => Color(0xFF00B8D4);
// teal
static Color get teal => Color(0xFF009688);
static Color get tealLighten5 => Color(0xFFE0F2F1);
static Color get tealLighten4 => Color(0xFFB2DFDB);
static Color get tealLighten3 => Color(0xFF80CBC4);
static Color get tealLighten2 => Color(0xFF4DB6AC);
static Color get tealLighten1 => Color(0xFF26A69A);
static Color get tealDarken1 => Color(0xFF00897B);
static Color get tealDarken2 => Color(0xFF00796B);
static Color get tealDarken3 => Color(0xFF00695C);
static Color get tealDarken4 => Color(0xFF004D40);
static Color get tealAccent1 => Color(0xFFA7FFEB);
static Color get tealAccent2 => Color(0xFF64FFDA);
static Color get tealAccent3 => Color(0xFF1DE9B6);
static Color get tealAccent4 => Color(0xFF00BFA5);
// green
static Color get green => Color(0xFF4CAF50);
static Color get greenLighten5 => Color(0xFFE8F5E9);
static Color get greenLighten4 => Color(0xFFC8E6C9);
static Color get greenLighten3 => Color(0xFFA5D6A7);
static Color get greenLighten2 => Color(0xFF81C784);
static Color get greenLighten1 => Color(0xFF66BB6A);
static Color get greenDarken1 => Color(0xFF43A047);
static Color get greenDarken2 => Color(0xFF388E3C);
static Color get greenDarken3 => Color(0xFF2E7D32);
static Color get greenDarken4 => Color(0xFF1B5E20);
static Color get greenAccent1 => Color(0xFFB9F6CA);
static Color get greenAccent2 => Color(0xFF69F0AE);
static Color get greenAccent3 => Color(0xFF00E676);
static Color get greenAccent4 => Color(0xFF00C853);
// lightGreen
static Color get lightGreen => Color(0xFF8BC34A);
static Color get lightGreenLighten5 => Color(0xFFF1F8E9);
static Color get lightGreenLighten4 => Color(0xFFDCEDC8);
static Color get lightGreenLighten3 => Color(0xFFC5E1A5);
static Color get lightGreenLighten2 => Color(0xFFAED581);
static Color get lightGreenLighten1 => Color(0xFF9CCC65);
static Color get lightGreenDarken1 => Color(0xFF7CB342);
static Color get lightGreenDarken2 => Color(0xFF689F38);
static Color get lightGreenDarken3 => Color(0xFF558B2F);
static Color get lightGreenDarken4 => Color(0xFF33691E);
static Color get lightGreenAccent1 => Color(0xFFCCFF90);
static Color get lightGreenAccent2 => Color(0xFFB2FF59);
static Color get lightGreenAccent3 => Color(0xFF76FF03);
static Color get lightGreenAccent4 => Color(0xFF64DD17);
// lime
static Color get lime => Color(0xFFCDDC39);
static Color get limeLighten5 => Color(0xFFF9FBE7);
static Color get limeLighten4 => Color(0xFFF0F4C3);
static Color get limeLighten3 => Color(0xFFE6EE9C);
static Color get limeLighten2 => Color(0xFFDCE775);
static Color get limeLighten1 => Color(0xFFD4E157);
static Color get limeDarken1 => Color(0xFFC0CA33);
static Color get limeDarken2 => Color(0xFFAFB42B);
static Color get limeDarken3 => Color(0xFF9E9D24);
static Color get limeDarken4 => Color(0xFF827717);
static Color get limeAccent1 => Color(0xFFF4FF81);
static Color get limeAccent2 => Color(0xFFEEFF41);
static Color get limeAccent3 => Color(0xFFC6FF00);
static Color get limeAccent4 => Color(0xFFAEEA00);
// yellow
static Color get yellow => Color(0xFFFFEB3B);
static Color get yellowLighten5 => Color(0xFFFFFDE7);
static Color get yellowLighten4 => Color(0xFFFFF9C4);
static Color get yellowLighten3 => Color(0xFFFFF59D);
static Color get yellowLighten2 => Color(0xFFFFF176);
static Color get yellowLighten1 => Color(0xFFFFEE58);
static Color get yellowDarken1 => Color(0xFFFDD835);
static Color get yellowDarken2 => Color(0xFFFBC02D);
static Color get yellowDarken3 => Color(0xFFF9A825);
static Color get yellowDarken4 => Color(0xFFF57F17);
static Color get yellowAccent1 => Color(0xFFFFFF8D);
static Color get yellowAccent2 => Color(0xFFFFFF00);
static Color get yellowAccent3 => Color(0xFFFFEA00);
static Color get yellowAccent4 => Color(0xFFFFD600);
// amber
static Color get amber => Color(0xFFFFC107);
static Color get amberLighten5 => Color(0xFFFFF8E1);
static Color get amberLighten4 => Color(0xFFFFECB3);
static Color get amberLighten3 => Color(0xFFFFE082);
static Color get amberLighten2 => Color(0xFFFFD54F);
static Color get amberLighten1 => Color(0xFFFFCA28);
static Color get amberDarken1 => Color(0xFFFFB300);
static Color get amberDarken2 => Color(0xFFFFA000);
static Color get amberDarken3 => Color(0xFFFF8F00);
static Color get amberDarken4 => Color(0xFFFF6F00);
static Color get amberAccent1 => Color(0xFFFFE57F);
static Color get amberAccent2 => Color(0xFFFFD740);
static Color get amberAccent3 => Color(0xFFFFC400);
static Color get amberAccent4 => Color(0xFFFFAB00);
// orange
static Color get orange => Color(0xFFFF9800);
static Color get orangeLighten5 => Color(0xFFFFF3E0);
static Color get orangeLighten4 => Color(0xFFFFE0B2);
static Color get orangeLighten3 => Color(0xFFFFCC80);
static Color get orangeLighten2 => Color(0xFFFFB74D);
static Color get orangeLighten1 => Color(0xFFFFA726);
static Color get orangeDarken1 => Color(0xFFFB8C00);
static Color get orangeDarken2 => Color(0xFFF57C00);
static Color get orangeDarken3 => Color(0xFFEF6C00);
static Color get orangeDarken4 => Color(0xFFE65100);
static Color get orangeAccent1 => Color(0xFFFFD180);
static Color get orangeAccent2 => Color(0xFFFFAB40);
static Color get orangeAccent3 => Color(0xFFFF9100);
static Color get orangeAccent4 => Color(0xFFFF6D00);
// deepOrange
static Color get deepOrange => Color(0xFFFF5722);
static Color get deepOrangeLighten5 => Color(0xFFFBE9E7);
static Color get deepOrangeLighten4 => Color(0xFFFFCCBC);
static Color get deepOrangeLighten3 => Color(0xFFFFAB91);
static Color get deepOrangeLighten2 => Color(0xFFFF8A65);
static Color get deepOrangeLighten1 => Color(0xFFFF7043);
static Color get deepOrangeDarken1 => Color(0xFFF4511E);
static Color get deepOrangeDarken2 => Color(0xFFE64A19);
static Color get deepOrangeDarken3 => Color(0xFFD84315);
static Color get deepOrangeDarken4 => Color(0xFFBF360C);
static Color get deepOrangeAccent1 => Color(0xFFFF9E80);
static Color get deepOrangeAccent2 => Color(0xFFFF6E40);
static Color get deepOrangeAccent3 => Color(0xFFFF3D00);
static Color get deepOrangeAccent4 => Color(0xFFDD2C00);
// brown
static Color get brown => Color(0xFF795548);
static Color get brownLighten5 => Color(0xFFEFEBE9);
static Color get brownLighten4 => Color(0xFFD7CCC8);
static Color get brownLighten3 => Color(0xFFBCAAA4);
static Color get brownLighten2 => Color(0xFFA1887F);
static Color get brownLighten1 => Color(0xFF8D6E63);
static Color get brownDarken1 => Color(0xFF6D4C41);
static Color get brownDarken2 => Color(0xFF5D4037);
static Color get brownDarken3 => Color(0xFF4E342E);
static Color get brownDarken4 => Color(0xFF3E2723);
// blueGrey
static Color get blueGrey => Color(0xFF607D8B);
static Color get blueGreyLighten5 => Color(0xFFECEFF1);
static Color get blueGreyLighten4 => Color(0xFFCFD8DC);
static Color get blueGreyLighten3 => Color(0xFFB0BEC5);
static Color get blueGreyLighten2 => Color(0xFF90A4AE);
static Color get blueGreyLighten1 => Color(0xFF78909C);
static Color get blueGreyDarken1 => Color(0xFF546E7A);
static Color get blueGreyDarken2 => Color(0xFF455A64);
static Color get blueGreyDarken3 => Color(0xFF37474F);
static Color get blueGreyDarken4 => Color(0xFF263238);
// grey
static Color get grey => Color(0xFF9E9E9E);
static Color get greyLighten5 => Color(0xFFFAFAFA);
static Color get greyLighten4 => Color(0xFFF5F5F5);
static Color get greyLighten3 => Color(0xFFEEEEEE);
static Color get greyLighten2 => Color(0xFFE0E0E0);
static Color get greyLighten1 => Color(0xFFBDBDBD);
static Color get greyDarken1 => Color(0xFF757575);
static Color get greyDarken2 => Color(0xFF616161);
static Color get greyDarken3 => Color(0xFF424242);
static Color get greyDarken4 => Color(0xFF212121);
//shades
static Color get black => Color(0xFF000000);
static Color get white => Color(0xFFFFFFFF);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment