Skip to content

Instantly share code, notes, and snippets.

@mwolfson
Last active Jan 27, 2022
Embed
What would you like to do?
Material Design Color Resources for Jetpack Compose
import androidx.compose.ui.graphics.Color
// Material Color Resources
val amber_050 = Color(0xFFfff8e1) // Use with black text
val amber_100 = Color(0xFFffecb3) // Use with black text
val amber_200 = Color(0xFFffe082) // Use with black text
val amber_300 = Color(0xFFffd54f) // Use with black text
val amber_400 = Color(0xFFffca28) // Use with black text
val amber_500 = Color(0xFFffc107) // Use with black text
val amber_600 = Color(0xFFffb300) // Use with black text
val amber_700 = Color(0xFFffa000) // Use with black text
val amber_800 = Color(0xFFff8f00) // Use with black text
val amber_900 = Color(0xFFff6f00) // Use with black text
val amber_a100 = Color(0xFFffe57f) // Use with black text
val amber_a200 = Color(0xFFffd740) // Use with black text
val amber_a400 = Color(0xFFffc400) // Use with black text
val amber_a700 = Color(0xFFffab00) // Use with black text
val blue_050 = Color(0xFFe7e9fd) // Use with black text
val blue_100 = Color(0xFFd0d9ff) // Use with black text
val blue_200 = Color(0xFFafbfff) // Use with black text
val blue_300 = Color(0xFF91a7ff) // Use with black text
val blue_400 = Color(0xFF738ffe) // Use with black text
val blue_500 = Color(0xFF5677fc) // Use with white text
val blue_600 = Color(0xFF4e6cef) // Use with white text
val blue_700 = Color(0xFF455ede) // Use with white text
val blue_800 = Color(0xFF3b50ce) // Use with white text
val blue_900 = Color(0xFF2a36b1) // Use with white text
val blue_a100 = Color(0xFFa6baff) // Use with black text
val blue_a200 = Color(0xFF6889ff) // Use with white text
val blue_a400 = Color(0xFF4d73ff) // Use with white text
val blue_a700 = Color(0xFF4d69ff) // Use with white text
val blue_grey_050 = Color(0xFFeceff1) // Use with black text
val blue_grey_100 = Color(0xFFcfd8dc) // Use with black text
val blue_grey_200 = Color(0xFFb0bec5) // Use with black text
val blue_grey_300 = Color(0xFF90a4ae) // Use with black text
val blue_grey_400 = Color(0xFF78909c) // Use with white text
val blue_grey_500 = Color(0xFF607d8b) // Use with white text
val blue_grey_600 = Color(0xFF546e7a) // Use with white text
val blue_grey_700 = Color(0xFF455a64) // Use with white text
val blue_grey_800 = Color(0xFF37474f) // Use with white text
val blue_grey_900 = Color(0xFF263238) // Use with white text
val brown_050 = Color(0xFFefebe9) // Use with black text
val brown_100 = Color(0xFFd7ccc8) // Use with black text
val brown_200 = Color(0xFFbcaaa4) // Use with black text
val brown_300 = Color(0xFFa1887f) // Use with white text
val brown_400 = Color(0xFF8d6e63) // Use with white text
val brown_500 = Color(0xFF795548) // Use with white text
val brown_600 = Color(0xFF6d4c41) // Use with white text
val brown_700 = Color(0xFF5d4037) // Use with white text
val brown_800 = Color(0xFF4e342e) // Use with white text
val brown_900 = Color(0xFF3e2723) // Use with white text
val cyan_050 = Color(0xFFe0f7fa) // Use with black text
val cyan_100 = Color(0xFFb2ebf2) // Use with black text
val cyan_200 = Color(0xFF80deea) // Use with black text
val cyan_300 = Color(0xFF4dd0e1) // Use with black text
val cyan_400 = Color(0xFF26c6da) // Use with black text
val cyan_500 = Color(0xFF00bcd4) // Use with white text
val cyan_600 = Color(0xFF00acc1) // Use with white text
val cyan_700 = Color(0xFF0097a7) // Use with white text
val cyan_800 = Color(0xFF00838f) // Use with white text
val cyan_900 = Color(0xFF006064) // Use with white text
val cyan_a100 = Color(0xFF84ffff) // Use with black text
val cyan_a200 = Color(0xFF18ffff) // Use with black text
val cyan_a400 = Color(0xFF00e5ff) // Use with black text
val cyan_a700 = Color(0xFF00b8d4) // Use with black text
val deep_purple_050 = Color(0xFFede7f6) // Use with black text
val deep_purple_100 = Color(0xFFd1c4e9) // Use with black text
val deep_purple_200 = Color(0xFFb39ddb) // Use with black text
val deep_purple_300 = Color(0xFF9575cd) // Use with white text
val deep_purple_400 = Color(0xFF7e57c2) // Use with white text
val deep_purple_500 = Color(0xFF673ab7) // Use with white text
val deep_purple_600 = Color(0xFF5e35b1) // Use with white text
val deep_purple_700 = Color(0xFF512da8) // Use with white text
val deep_purple_800 = Color(0xFF4527a0) // Use with white text
val deep_purple_900 = Color(0xFF311b92) // Use with white text
val deep_purple_a100 = Color(0xFFb388ff) // Use with black text
val deep_purple_a200 = Color(0xFF7c4dff) // Use with white text
val deep_purple_a400 = Color(0xFF651fff) // Use with white text
val deep_purple_a700 = Color(0xFF6200ea) // Use with white text
val deep_orange_050 = Color(0xFFfbe9e7) // Use with black text
val deep_orange_100 = Color(0xFFffccbc) // Use with black text
val deep_orange_200 = Color(0xFFffab91) // Use with black text
val deep_orange_300 = Color(0xFFff8a65) // Use with black text
val deep_orange_400 = Color(0xFFff7043) // Use with black text
val deep_orange_500 = Color(0xFFff5722) // Use with white text
val deep_orange_600 = Color(0xFFf4511e) // Use with white text
val deep_orange_700 = Color(0xFFe64a19) // Use with white text
val deep_orange_800 = Color(0xFFd84315) // Use with white text
val deep_orange_900 = Color(0xFFbf360c) // Use with white text
val deep_orange_a100 = Color(0xFFff9e80) // Use with black text
val deep_orange_a200 = Color(0xFFff6e40) // Use with black text
val deep_orange_a400 = Color(0xFFff3d00) // Use with white text
val deep_orange_a700 = Color(0xFFdd2c00) // Use with white text
val grey_050 = Color(0xFFfafafa) // Use with black text
val grey_100 = Color(0xFFf5f5f5) // Use with black text
val grey_200 = Color(0xFFeeeeee) // Use with black text
val grey_300 = Color(0xFFe0e0e0) // Use with black text
val grey_400 = Color(0xFFbdbdbd) // Use with black text
val grey_500 = Color(0xFF9e9e9e) // Use with black text
val grey_600 = Color(0xFF757575) // Use with white text
val grey_700 = Color(0xFF616161) // Use with white text
val grey_800 = Color(0xFF424242) // Use with white text
val grey_900 = Color(0xFF212121) // Use with white text
val grey_1000_b = Color(0xFF000000) // Use with white text
val grey_1000_w = Color(0xFFffffff) // Use with black text
val green_050 = Color(0xFFd0f8ce) // Use with black text
val green_100 = Color(0xFFa3e9a4) // Use with black text
val green_200 = Color(0xFF72d572) // Use with black text
val green_300 = Color(0xFF42bd41) // Use with black text
val green_400 = Color(0xFF2baf2b) // Use with black text
val green_500 = Color(0xFF259b24) // Use with white text
val green_600 = Color(0xFF0a8f08) // Use with white text
val green_700 = Color(0xFF0a7e07) // Use with white text
val green_800 = Color(0xFF056f00) // Use with white text
val green_900 = Color(0xFF0d5302) // Use with white text
val green_a100 = Color(0xFFa2f78d) // Use with black text
val green_a200 = Color(0xFF5af158) // Use with black text
val green_a400 = Color(0xFF14e715) // Use with black text
val green_a700 = Color(0xFF12c700) // Use with black text
val indigo_050 = Color(0xFFe8eaf6) // Use with black text
val indigo_100 = Color(0xFFc5cae9) // Use with black text
val indigo_200 = Color(0xFF9fa8da) // Use with black text
val indigo_300 = Color(0xFF7986cb) // Use with white text
val indigo_400 = Color(0xFF5c6bc0) // Use with white text
val indigo_500 = Color(0xFF3f51b5) // Use with white text
val indigo_600 = Color(0xFF3949ab) // Use with white text
val indigo_700 = Color(0xFF303f9f) // Use with white text
val indigo_800 = Color(0xFF283593) // Use with white text
val indigo_900 = Color(0xFF1a237e) // Use with white text
val indigo_a100 = Color(0xFF8c9eff) // Use with black text
val indigo_a200 = Color(0xFF536dfe) // Use with white text
val indigo_a400 = Color(0xFF3d5afe) // Use with white text
val indigo_a700 = Color(0xFF304ffe) // Use with white text
val light_blue_050 = Color(0xFFe1f5fe) // Use with black text
val light_blue_100 = Color(0xFFb3e5fc) // Use with black text
val light_blue_200 = Color(0xFF81d4fa) // Use with black text
val light_blue_300 = Color(0xFF4fc3f7) // Use with black text
val light_blue_400 = Color(0xFF29b6f6) // Use with black text
val light_blue_500 = Color(0xFF03a9f4) // Use with white text
val light_blue_600 = Color(0xFF039be5) // Use with white text
val light_blue_700 = Color(0xFF0288d1) // Use with white text
val light_blue_800 = Color(0xFF0277bd) // Use with white text
val light_blue_900 = Color(0xFF01579b) // Use with white text
val light_blue_a100 = Color(0xFF80d8ff) // Use with black text
val light_blue_a200 = Color(0xFF40c4ff) // Use with black text
val light_blue_a400 = Color(0xFF00b0ff) // Use with black text
val light_blue_a700 = Color(0xFF0091ea) // Use with white text
val light_green_050 = Color(0xFFf1f8e9) // Use with black text
val light_green_100 = Color(0xFFdcedc8) // Use with black text
val light_green_200 = Color(0xFFc5e1a5) // Use with black text
val light_green_300 = Color(0xFFaed581) // Use with black text
val light_green_400 = Color(0xFF9ccc65) // Use with black text
val light_green_500 = Color(0xFF8bc34a) // Use with black text
val light_green_600 = Color(0xFF7cb342) // Use with black text
val light_green_700 = Color(0xFF689f38) // Use with black text
val light_green_800 = Color(0xFF558b2f) // Use with white text
val light_green_900 = Color(0xFF33691e) // Use with white text
val light_green_a100 = Color(0xFFccff90) // Use with black text
val light_green_a200 = Color(0xFFb2ff59) // Use with black text
val light_green_a400 = Color(0xFF76ff03) // Use with black text
val light_green_a700 = Color(0xFF64dd17) // Use with black text
val lime_050 = Color(0xFFf9fbe7) // Use with black text
val lime_100 = Color(0xFFf0f4c3) // Use with black text
val lime_200 = Color(0xFFe6ee9c) // Use with black text
val lime_300 = Color(0xFFdce775) // Use with black text
val lime_400 = Color(0xFFd4e157) // Use with black text
val lime_500 = Color(0xFFcddc39) // Use with black text
val lime_600 = Color(0xFFc0ca33) // Use with black text
val lime_700 = Color(0xFFafb42b) // Use with black text
val lime_800 = Color(0xFF9e9d24) // Use with black text
val lime_900 = Color(0xFF827717) // Use with white text
val lime_a100 = Color(0xFFf4ff81) // Use with black text
val lime_a200 = Color(0xFFeeff41) // Use with black text
val lime_a400 = Color(0xFFc6ff00) // Use with black text
val lime_a700 = Color(0xFFaeea00) // Use with black text
val orange_050 = Color(0xFFfff3e0) // Use with black text
val orange_100 = Color(0xFFffe0b2) // Use with black text
val orange_200 = Color(0xFFffcc80) // Use with black text
val orange_300 = Color(0xFFffb74d) // Use with black text
val orange_400 = Color(0xFFffa726) // Use with black text
val orange_500 = Color(0xFFff9800) // Use with black text
val orange_600 = Color(0xFFfb8c00) // Use with black text
val orange_700 = Color(0xFFf57c00) // Use with black text
val orange_800 = Color(0xFFef6c00) // Use with white text
val orange_900 = Color(0xFFe65100) // Use with white text
val orange_a100 = Color(0xFFffd180) // Use with black text
val orange_a200 = Color(0xFFffab40) // Use with black text
val orange_a400 = Color(0xFFff9100) // Use with black text
val orange_a700 = Color(0xFFff6d00) // Use with black text
val pink_050 = Color(0xFFfce4ec) // Use with black text
val pink_100 = Color(0xFFf8bbd0) // Use with black text
val pink_200 = Color(0xFFf48fb1) // Use with black text
val pink_300 = Color(0xFFf06292) // Use with black text
val pink_400 = Color(0xFFec407a) // Use with black text
val pink_500 = Color(0xFFe91e63) // Use with white text
val pink_600 = Color(0xFFd81b60) // Use with white text
val pink_700 = Color(0xFFc2185b) // Use with white text
val pink_800 = Color(0xFFad1457) // Use with white text
val pink_900 = Color(0xFF880e4f) // Use with white text
val pink_a100 = Color(0xFFff80ab) // Use with black text
val pink_a200 = Color(0xFFff4081) // Use with white text
val pink_a400 = Color(0xFFf50057) // Use with white text
val pink_a700 = Color(0xFFc51162) // Use with white text
val purple_050 = Color(0xFFf3e5f5) // Use with black text
val purple_100 = Color(0xFFe1bee7) // Use with black text
val purple_200 = Color(0xFFce93d8) // Use with black text
val purple_300 = Color(0xFFba68c8) // Use with white text
val purple_400 = Color(0xFFab47bc) // Use with white text
val purple_500 = Color(0xFF9c27b0) // Use with white text
val purple_600 = Color(0xFF8e24aa) // Use with white text
val purple_700 = Color(0xFF7b1fa2) // Use with white text
val purple_800 = Color(0xFF6a1b9a) // Use with white text
val purple_900 = Color(0xFF4a148c) // Use with white text
val purple_a100 = Color(0xFFea80fc) // Use with black text
val purple_a200 = Color(0xFFe040fb) // Use with white text
val purple_a400 = Color(0xFFd500f9) // Use with white text
val purple_a700 = Color(0xFFaa00ff) // Use with white text
val red_050= Color(0xFFfde0dc) // Use with black text
val red_100 = Color(0xFFf9bdbb) // Use with black text
val red_200 = Color(0xFFf69988) // Use with black text
val red_300 = Color(0xFFf36c60) // Use with black text
val red_400 = Color(0xFFe84e40) // Use with black text
val red_500 = Color(0xFFe51c23) // Use with white text
val red_600 = Color(0xFFdd191d) // Use with white text
val red_700 = Color(0xFFd01716) // Use with white text
val red_800 = Color(0xFFc41411) // Use with white text
val red_900 = Color(0xFFb0120a) // Use with white text
val red_a100 = Color(0xFFff7997) // Use with black text
val red_a200 = Color(0xFFff5177) // Use with white text
val red_a400 = Color(0xFFff2d6f) // Use with white text
val red_a700 = Color(0xFFe00032) // Use with white text
val teal_050 = Color(0xFFe0f2f1) // Use with black text
val teal_100 = Color(0xFFb2dfdb) // Use with black text
val teal_200 = Color(0xFF80cbc4) // Use with black text
val teal_300 = Color(0xFF4db6ac) // Use with black text
val teal_400 = Color(0xFF26a69a) // Use with black text
val teal_500 = Color(0xFF009688) // Use with white text
val teal_600 = Color(0xFF00897b) // Use with white text
val teal_700 = Color(0xFF00796b) // Use with white text
val teal_800 = Color(0xFF00695c) // Use with white text
val teal_900 = Color(0xFF004d40) // Use with white text
val teal_a100 = Color(0xFFa7ffeb) // Use with black text
val teal_a200 = Color(0xFF64ffda) // Use with black text
val teal_a400 = Color(0xFF1de9b6) // Use with black text
val teal_a700 = Color(0xFF00bfa5) // Use with black text
val yellow_050 = Color(0xFFfffde7) // Use with black text
val yellow_100 = Color(0xFFfff9c4) // Use with black text
val yellow_200 = Color(0xFFfff59d) // Use with black text
val yellow_300 = Color(0xFFfff176) // Use with black text
val yellow_400 = Color(0xFFffee58) // Use with black text
val yellow_500 = Color(0xFFffeb3b) // Use with black text
val yellow_600 = Color(0xFFfdd835) // Use with black text
val yellow_700 = Color(0xFFfbc02d) // Use with black text
val yellow_800 = Color(0xFFf9a825) // Use with black text
val yellow_900 = Color(0xFFf57f17) // Use with black text
val yellow_a100 = Color(0xFFffff8d) // Use with black text
val yellow_a200 = Color(0xFFffff00) // Use with black text
val yellow_a400 = Color(0xFFffea00) // Use with black text
val yellow_a700 = Color(0xFFffd600) // Use with black text
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment