Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
flutter colors (hex code)
import 'package:flutter/material.dart';
// <!--reds--Color
const red_50 = Color(0xFFFFEBEE);
const red_100 = Color(0xFFFFCDD2);
const red_200 = Color(0xFFEF9A9A);
const red_300 = Color(0xFFE57373);
const red_400 = Color(0xFFEF5350);
const red_500 = Color(0xFFF44336);
const red_600 = Color(0xFFE53935);
const red_700 = Color(0xFFD32F2F);
const red_800 = Color(0xFFC62828);
const red_900 = Color(0xFFB71C1C);
const red_A100 = Color(0xFFFF8A80);
const red_A200 = Color(0xFFFF5252);
const red_A400 = Color(0xFFFF1744);
const red_A700 = Color(0xFFD50000);
// <!-- pinks --Color
const pink_50 = Color(0xFFFCE4EC);
const pink_100 = Color(0xFFF8BBD0);
const pink_200 = Color(0xFFF48FB1);
const pink_300 = Color(0xFFF06292);
const pink_400 = Color(0xFFEC407A);
const pink_500 = Color(0xFFE91E63);
const pink_600 = Color(0xFFD81B60);
const pink_700 = Color(0xFFC2185B);
const pink_800 = Color(0xFFAD1457);
const pink_900 = Color(0xFF880E4F);
const pink_A100 = Color(0xFFFF80AB);
const pink_A200 = Color(0xFFFF4081);
const pink_A400 = Color(0xFFF50057);
const pink_A700 = Color(0xFFC51162);
// <!-- purples --Color
const purple_50 = Color(0xFFF3E5F5);
const purple_100 = Color(0xFFE1BEE7);
const purple_200 = Color(0xFFCE93D8);
const purple_300 = Color(0xFFBA68C8);
const purple_400 = Color(0xFFAB47BC);
const purple_500 = Color(0xFF9C27B0);
const purple_600 = Color(0xFF8E24AA);
const purple_700 = Color(0xFF7B1FA2);
const purple_800 = Color(0xFF6A1B9A);
const purple_900 = Color(0xFF4A148C);
const purple_A100 = Color(0xFFEA80FC);
const purple_A200 = Color(0xFFE040FB);
const purple_A400 = Color(0xFFD500F9);
const purple_A700 = Color(0xFFAA00FF);
// <!-- deep purples --Color
const deep_purple_50 = Color(0xFFEDE7F6);
const deep_purple_100 = Color(0xFFD1C4E9);
const deep_purple_200 = Color(0xFFB39DDB);
const deep_purple_300 = Color(0xFF9575CD);
const deep_purple_400 = Color(0xFF7E57C2);
const deep_purple_500 = Color(0xFF673AB7);
const deep_purple_600 = Color(0xFF5E35B1);
const deep_purple_700 = Color(0xFF512DA8);
const deep_purple_800 = Color(0xFF4527A0);
const deep_purple_900 = Color(0xFF311B92);
const deep_purple_A100 = Color(0xFFB388FF);
const deep_purple_A200 = Color(0xFF7C4DFF);
const deep_purple_A400 = Color(0xFF651FFF);
const deep_purple_A700 = Color(0xFF6200EA);
// <!-- indigo --Color
const indigo_50 = Color(0xFFE8EAF6);
const indigo_100 = Color(0xFFC5CAE9);
const indigo_200 = Color(0xFF9FA8DA);
const indigo_300 = Color(0xFF7986CB);
const indigo_400 = Color(0xFF5C6BC0);
const indigo_500 = Color(0xFF3F51B5);
const indigo_600 = Color(0xFF3949AB);
const indigo_700 = Color(0xFF303F9F);
const indigo_800 = Color(0xFF283593);
const indigo_900 = Color(0xFF1A237E);
const indigo_A100 = Color(0xFF8C9EFF);
const indigo_A200 = Color(0xFF536DFE);
const indigo_A400 = Color(0xFF3D5AFE);
const indigo_A700 = Color(0xFF304FFE);
// <!--blue--Color
const blue_50 = Color(0xFFE3F2FD);
const blue_100 = Color(0xFFBBDEFB);
const blue_200 = Color(0xFF90CAF9);
const blue_300 = Color(0xFF64B5F6);
const blue_400 = Color(0xFF42A5F5);
const blue_500 = Color(0xFF2196F3);
const blue_600 = Color(0xFF1E88E5);
const blue_700 = Color(0xFF1976D2);
const blue_800 = Color(0xFF1565C0);
const blue_900 = Color(0xFF0D47A1);
const blue_A100 = Color(0xFF82B1FF);
const blue_A200 = Color(0xFF448AFF);
const blue_A400 = Color(0xFF2979FF);
const blue_A700 = Color(0xFF2962FF);
// <!-- light blue--Color
const light_blue_50 = Color(0xFFE1F5FE);
const light_blue_100 = Color(0xFFB3E5FC);
const light_blue_200 = Color(0xFF81D4fA);
const light_blue_300 = Color(0xFF4fC3F7);
const light_blue_400 = Color(0xFF29B6FC);
const light_blue_500 = Color(0xFF03A9F4);
const light_blue_600 = Color(0xFF039BE5);
const light_blue_700 = Color(0xFF0288D1);
const light_blue_800 = Color(0xFF0277BD);
const light_blue_900 = Color(0xFF01579B);
const light_blue_A100 = Color(0xFF80D8FF);
const light_blue_A200 = Color(0xFF40C4FF);
const light_blue_A400 = Color(0xFF00B0FF);
const light_blue_A700 = Color(0xFF0091EA);
// <!-- cyan --Color
const cyan_50 = Color(0xFFE0F7FA);
const cyan_100 = Color(0xFFB2EBF2);
const cyan_200 = Color(0xFF80DEEA);
const cyan_300 = Color(0xFF4DD0E1);
const cyan_400 = Color(0xFF26C6DA);
const cyan_500 = Color(0xFF00BCD4);
const cyan_600 = Color(0xFF00ACC1);
const cyan_700 = Color(0xFF0097A7);
const cyan_800 = Color(0xFF00838F);
const cyan_900 = Color(0xFF006064);
const cyan_A100 = Color(0xFF84FFFF);
const cyan_A200 = Color(0xFF18FFFF);
const cyan_A400 = Color(0xFF00E5FF);
const cyan_A700 = Color(0xFF00B8D4);
// <!-- teal --Color
const teal_50 = Color(0xFFE0F2F1);
const teal_100 = Color(0xFFB2DFDB);
const teal_200 = Color(0xFF80CBC4);
const teal_300 = Color(0xFF4DB6AC);
const teal_400 = Color(0xFF26A69A);
const teal_500 = Color(0xFF009688);
const teal_600 = Color(0xFF00897B);
const teal_700 = Color(0xFF00796B);
const teal_800 = Color(0xFF00695C);
const teal_900 = Color(0xFF004D40);
const teal_A100 = Color(0xFFA7FFEB);
const teal_A200 = Color(0xFF64FFDA);
const teal_A400 = Color(0xFF1DE9B6);
const teal_A700 = Color(0xFF00BFA5);
// <!-- green --Color
const green_50 = Color(0xFFE8F5E9);
const green_100 = Color(0xFFC8E6C9);
const green_200 = Color(0xFFA5D6A7);
const green_300 = Color(0xFF81C784);
const green_400 = Color(0xFF66BB6A);
const green_500 = Color(0xFF4CAF50);
const green_600 = Color(0xFF43A047);
const green_700 = Color(0xFF388E3C);
const green_800 = Color(0xFF2E7D32);
const green_900 = Color(0xFF1B5E20);
const green_A100 = Color(0xFFB9F6CA);
const green_A200 = Color(0xFF69F0AE);
const green_A400 = Color(0xFF00E676);
const green_A700 = Color(0xFF00C853);
// <!--light green--Color
const light_green_50 = Color(0xFFF1F8E9);
const light_green_100 = Color(0xFFDCEDC8);
const light_green_200 = Color(0xFFC5E1A5);
const light_green_300 = Color(0xFFAED581);
const light_green_400 = Color(0xFF9CCC65);
const light_green_500 = Color(0xFF8BC34A);
const light_green_600 = Color(0xFF7CB342);
const light_green_700 = Color(0xFF689F38);
const light_green_800 = Color(0xFF558B2F);
const light_green_900 = Color(0xFF33691E);
const light_green_A100 = Color(0xFFCCFF90);
const light_green_A200 = Color(0xFFB2FF59);
const light_green_A400 = Color(0xFF76FF03);
const light_green_A700 = Color(0xFF64DD17);
// <!-- lime--Color
const lime_50 = Color(0xFFF9FBE7);
const lime_100 = Color(0xFFF0F4C3);
const lime_200 = Color(0xFFE6EE9C);
const lime_300 = Color(0xFFDCE775);
const lime_400 = Color(0xFFD4E157);
const lime_500 = Color(0xFFCDDC39);
const lime_600 = Color(0xFFC0CA33);
const lime_700 = Color(0xFFA4B42B);
const lime_800 = Color(0xFF9E9D24);
const lime_900 = Color(0xFF827717);
const lime_A100 = Color(0xFFF4FF81);
const lime_A200 = Color(0xFFEEFF41);
const lime_A400 = Color(0xFFC6FF00);
const lime_A700 = Color(0xFFAEEA00);
// <!--yellow --Color
const yellow_50 = Color(0xFFFFFDE7);
const yellow_100 = Color(0xFFFFF9C4);
const yellow_200 = Color(0xFFFFF590);
const yellow_300 = Color(0xFFFFF176);
const yellow_400 = Color(0xFFFFEE58);
const yellow_500 = Color(0xFFFFEB3B);
const yellow_600 = Color(0xFFFDD835);
const yellow_700 = Color(0xFFFBC02D);
const yellow_800 = Color(0xFFF9A825);
const yellow_900 = Color(0xFFF57F17);
const yellow_A100 = Color(0xFFFFFF82);
const yellow_A200 = Color(0xFFFFFF00);
const yellow_A400 = Color(0xFFFFEA00);
const yellow_A700 = Color(0xFFFFD600);
// <!--amber--Color
const amber_50 = Color(0xFFFFF8E1);
const amber_100 = Color(0xFFFFECB3);
const amber_200 = Color(0xFFFFE082);
const amber_300 = Color(0xFFFFD54F);
const amber_400 = Color(0xFFFFCA28);
const amber_500 = Color(0xFFFFC107);
const amber_600 = Color(0xFFFFB300);
const amber_700 = Color(0xFFFFA000);
const amber_800 = Color(0xFFFF8F00);
const amber_900 = Color(0xFFFF6F00);
const amber_A100 = Color(0xFFFFE57F);
const amber_A200 = Color(0xFFFFD740);
const amber_A400 = Color(0xFFFFC400);
const amber_A700 = Color(0xFFFFAB00);
// <!--orange--Color
const orange_50 = Color(0xFFFFF3E0);
const orange_100 = Color(0xFFFFE0B2);
const orange_200 = Color(0xFFFFCC80);
const orange_300 = Color(0xFFFFB74D);
const orange_400 = Color(0xFFFFA726);
const orange_500 = Color(0xFFFF9800);
const orange_600 = Color(0xFFFB8C00);
const orange_700 = Color(0xFFF57C00);
const orange_800 = Color(0xFFEF6C00);
const orange_900 = Color(0xFFE65100);
const orange_A100 = Color(0xFFFFD180);
const orange_A200 = Color(0xFFFFAB40);
const orange_A400 = Color(0xFFFF9100);
const orange_A700 = Color(0xFFFF6D00);
// <!--deep orange--Color
const deep_orange_50 = Color(0xFFFBE9A7);
const deep_orange_100 = Color(0xFFFFCCBC);
const deep_orange_200 = Color(0xFFFFAB91);
const deep_orange_300 = Color(0xFFFF8A65);
const deep_orange_400 = Color(0xFFFF7043);
const deep_orange_500 = Color(0xFFFF5722);
const deep_orange_600 = Color(0xFFF4511E);
const deep_orange_700 = Color(0xFFE64A19);
const deep_orange_800 = Color(0xFFD84315);
const deep_orange_900 = Color(0xFFBF360C);
const deep_orange_A100 = Color(0xFFFF9E80);
const deep_orange_A200 = Color(0xFFFF6E40);
const deep_orange_A400 = Color(0xFFFF3D00);
const deep_orange_A700 = Color(0xFFDD2600);
// <!--brown --Color
const brown_50 = Color(0xFFEFEBE9);
const brown_100 = Color(0xFFD7CCC8);
const brown_200 = Color(0xFFBCAAA4);
const brown_300 = Color(0xFFA1887F);
const brown_400 = Color(0xFF8D6E63);
const brown_500 = Color(0xFF795548);
const brown_600 = Color(0xFF6D4C41);
const brown_700 = Color(0xFF5D4037);
const brown_800 = Color(0xFF4E342E);
const brown_900 = Color(0xFF3E2723);
// <!--grey--Color
const grey_50 = Color(0xFFFAFAFA);
const grey_100 = Color(0xFFF5F5F5);
const grey_200 = Color(0xFFEEEEEE);
const grey_300 = Color(0xFFE0E0E0);
const grey_400 = Color(0xFFBDBDBD);
const grey_500 = Color(0xFF9E9E9E);
const grey_600 = Color(0xFF757575);
const grey_700 = Color(0xFF616161);
const grey_800 = Color(0xFF424242);
const grey_900 = Color(0xFF212121);
const black_1000 = Color(0xFF000000);
const white_1000 = Color(0xFFffffff);
// <!--blue grey--Color
const blue_grey_50 = Color(0xFFECEFF1);
const blue_grey_100 = Color(0xFFCFD8DC);
const blue_grey_200 = Color(0xFFB0BBC5);
const blue_grey_300 = Color(0xFF90A4AE);
const blue_grey_400 = Color(0xFF78909C);
const blue_grey_500 = Color(0xFF607D8B);
const blue_grey_600 = Color(0xFF546E7A);
const blue_grey_700 = Color(0xFF455A64);
const blue_grey_800 = Color(0xFF37474F);
const blue_grey_900 = Color(0xFF263238);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.