Created
May 20, 2020 05:28
-
-
Save wizlif/08330e08157a27e1c90af2fa1ddd8039 to your computer and use it in GitHub Desktop.
Material Color Palettes for flutter users.
This file contains 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
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