Skip to content

Instantly share code, notes, and snippets.

@abdularis
Created Dec 13, 2017
Embed
What would you like to do?
Android material color resource (taken from material.io)
<?xml version="1.0" encoding="utf-8"?>
<resources>
<array name="mdcolor_50">
<item name="red_50" type="color">#FFEBEE</item>
<item name="ping_50" type="color">#FCE4EC</item>
<item name="purple_50" type="color">#F3E5F5</item>
<item name="deep_purple_50" type="color">#EDE7F6</item>
<item name="indigo_50" type="color">#E8EAF6</item>
<item name="blue_50" type="color">#E3F2FD</item>
<item name="light_blue_50" type="color">#E1F5FE</item>
<item name="cyan_50" type="color">#E0F7FA</item>
<item name="teal_50" type="color">#E0F2F1</item>
<item name="green_50" type="color">#E8F5E9</item>
<item name="light_green_50" type="color">#F1F8E9</item>
<item name="lime_50" type="color">#F9FBE7</item>
<item name="yellow_50" type="color">#FFFDE7</item>
<item name="amber_50" type="color">#FFF8E1</item>
<item name="orange_50" type="color">#FFF3E0</item>
<item name="deep_orange_50" type="color">#FBE9E7</item>
<item name="brown_50" type="color">#EFEBE9</item>
<item name="grey_50" type="color">#FAFAFA</item>
<item name="blue_grey_50" type="color">#ECEFF1</item>
</array>
<array name="mdcolor_100">
<item name="red_100" type="color">#FFCDD2</item>
<item name="ping_100" type="color">#F8BBD0</item>
<item name="purple_100" type="color">#E1BEE7</item>
<item name="deep_purple_100" type="color">#D1C4E9</item>
<item name="indigo_100" type="color">#C5CAE9</item>
<item name="blue_100" type="color">#BBDEFB</item>
<item name="light_blue_100" type="color">#B3E5FC</item>
<item name="cyan_100" type="color">#B2EBF2</item>
<item name="teal_100" type="color">#B2DFDB</item>
<item name="green_100" type="color">#C8E6C9</item>
<item name="light_green_100" type="color">#DCEDC8</item>
<item name="lime_100" type="color">#F0F4C3</item>
<item name="yellow_100" type="color">#FFF9C4</item>
<item name="amber_100" type="color">#FFECB3</item>
<item name="orange_100" type="color">#FFE0B2</item>
<item name="deep_orange_100" type="color">#FFCCBC</item>
<item name="brown_100" type="color">#D7CCC8</item>
<item name="grey_100" type="color">#F5F5F5</item>
<item name="blue_grey_100" type="color">#CFD8DC</item>
</array>
<array name="mdcolor_200">
<item name="red_200" type="color">#EF9A9A</item>
<item name="ping_200" type="color">#F48FB1</item>
<item name="purple_200" type="color">#CE93D8</item>
<item name="deep_purple_200" type="color">#B39DDB</item>
<item name="indigo_200" type="color">#9FA8DA</item>
<item name="blue_200" type="color">#90CAF9</item>
<item name="light_blue_200" type="color">#81D4FA</item>
<item name="cyan_200" type="color">#80DEEA</item>
<item name="teal_200" type="color">#80CBC4</item>
<item name="green_200" type="color">#A5D6A7</item>
<item name="light_green_200" type="color">#C5E1A5</item>
<item name="lime_200" type="color">#E6EE9C</item>
<item name="yellow_200" type="color">#FFF59D</item>
<item name="amber_200" type="color">#FFE082</item>
<item name="orange_200" type="color">#FFCC80</item>
<item name="deep_orange_200" type="color">#FFAB91</item>
<item name="brown_200" type="color">#BCAAA4</item>
<item name="grey_200" type="color">#EEEEEE</item>
<item name="blue_grey_200" type="color">#B0BEC5</item>
</array>
<array name="mdcolor_300">
<item name="red_300" type="color">#E57373</item>
<item name="ping_300" type="color">#F06292</item>
<item name="purple_300" type="color">#BA68C8</item>
<item name="deep_purple_300" type="color">#9575CD</item>
<item name="indigo_300" type="color">#7986CB</item>
<item name="blue_300" type="color">#64B5F6</item>
<item name="light_blue_300" type="color">#4FC3F7</item>
<item name="cyan_300" type="color">#4DD0E1</item>
<item name="teal_300" type="color">#4DB6AC</item>
<item name="green_300" type="color">#81C784</item>
<item name="light_green_300" type="color">#AED581</item>
<item name="lime_300" type="color">#DCE775</item>
<item name="yellow_300" type="color">#FFF176</item>
<item name="amber_300" type="color">#FFD54F</item>
<item name="orange_300" type="color">#FFB74D</item>
<item name="deep_orange_300" type="color">#FF8A65</item>
<item name="brown_300" type="color">#A1887F</item>
<item name="grey_300" type="color">#E0E0E0</item>
<item name="blue_grey_300" type="color">#90A4AE</item>
</array>
<array name="mdcolor_400">
<item name="red_400" type="color">#EF5350</item>
<item name="ping_400" type="color">#EC407A</item>
<item name="purple_400" type="color">#AB47BC</item>
<item name="deep_purple_400" type="color">#7E57C2</item>
<item name="indigo_400" type="color">#5C6BC0</item>
<item name="blue_400" type="color">#42A5F5</item>
<item name="light_blue_400" type="color">#29B6F6</item>
<item name="cyan_400" type="color">#26C6DA</item>
<item name="teal_400" type="color">#26A69A</item>
<item name="green_400" type="color">#66BB6A</item>
<item name="light_green_400" type="color">#9CCC65</item>
<item name="lime_400" type="color">#D4E157</item>
<item name="yellow_400" type="color">#FFEE58</item>
<item name="amber_400" type="color">#FFCA28</item>
<item name="orange_400" type="color">#FFA726</item>
<item name="deep_orange_400" type="color">#FF7043</item>
<item name="brown_400" type="color">#8D6E63</item>
<item name="grey_400" type="color">#BDBDBD</item>
<item name="blue_grey_400" type="color">#78909C</item>
</array>
<array name="mdcolor_500">
<item name="red_500" type="color">#F44336</item>
<item name="ping_500" type="color">#E91E63</item>
<item name="purple_500" type="color">#9C27B0</item>
<item name="deep_purple_500" type="color">#673AB7</item>
<item name="indigo_500" type="color">#3F51B5</item>
<item name="blue_500" type="color">#2196F3</item>
<item name="light_blue_500" type="color">#03A9F4</item>
<item name="cyan_500" type="color">#00BCD4</item>
<item name="teal_500" type="color">#009688</item>
<item name="green_500" type="color">#4CAF50</item>
<item name="light_green_500" type="color">#8BC34A</item>
<item name="lime_500" type="color">#CDDC39</item>
<item name="yellow_500" type="color">#FFEB3B</item>
<item name="amber_500" type="color">#FFC107</item>
<item name="orange_500" type="color">#FF9800</item>
<item name="deep_orange_500" type="color">#FF5722</item>
<item name="brown_500" type="color">#795548</item>
<item name="grey_500" type="color">#9E9E9E</item>
<item name="blue_grey_500" type="color">#607D8B</item>
</array>
<array name="mdcolor_600">
<item name="red_600" type="color">#E53935</item>
<item name="ping_600" type="color">#D81B60</item>
<item name="purple_600" type="color">#8E24AA</item>
<item name="deep_purple_600" type="color">#5E35B1</item>
<item name="indigo_600" type="color">#3949AB</item>
<item name="blue_600" type="color">#1E88E5</item>
<item name="light_blue_600" type="color">#039BE5</item>
<item name="cyan_600" type="color">#00ACC1</item>
<item name="teal_600" type="color">#00897B</item>
<item name="green_600" type="color">#43A047</item>
<item name="light_green_600" type="color">#7CB342</item>
<item name="lime_600" type="color">#C0CA33</item>
<item name="yellow_600" type="color">#FDD835</item>
<item name="amber_600" type="color">#FFB300</item>
<item name="orange_600" type="color">#FB8C00</item>
<item name="deep_orange_600" type="color">#F4511E</item>
<item name="brown_600" type="color">#6D4C41</item>
<item name="grey_600" type="color">#757575</item>
<item name="blue_grey_600" type="color">#546E7A</item>
</array>
<array name="mdcolor_700">
<item name="red_700" type="color">#D32F2F</item>
<item name="ping_700" type="color">#C2185B</item>
<item name="purple_700" type="color">#7B1FA2</item>
<item name="deep_purple_700" type="color">#512DA8</item>
<item name="indigo_700" type="color">#303F9F</item>
<item name="blue_700" type="color">#1976D2</item>
<item name="light_blue_700" type="color">#0288D1</item>
<item name="cyan_700" type="color">#0097A7</item>
<item name="teal_700" type="color">#00796B</item>
<item name="green_700" type="color">#388E3C</item>
<item name="light_green_700" type="color">#689F38</item>
<item name="lime_700" type="color">#AFB42B</item>
<item name="yellow_700" type="color">#FBC02D</item>
<item name="amber_700" type="color">#FFA000</item>
<item name="orange_700" type="color">#F57C00</item>
<item name="deep_orange_700" type="color">#E64A19</item>
<item name="brown_700" type="color">#5D4037</item>
<item name="grey_700" type="color">#616161</item>
<item name="blue_grey_700" type="color">#455A64</item>
</array>
<array name="mdcolor_800">
<item name="red_800" type="color">#C62828</item>
<item name="ping_800" type="color">#AD1457</item>
<item name="purple_800" type="color">#6A1B9A</item>
<item name="deep_purple_800" type="color">#4527A0</item>
<item name="indigo_800" type="color">#283593</item>
<item name="blue_800" type="color">#1565C0</item>
<item name="light_blue_800" type="color">#0277BD</item>
<item name="cyan_800" type="color">#00838F</item>
<item name="teal_800" type="color">#00695C</item>
<item name="green_800" type="color">#2E7D32</item>
<item name="light_green_800" type="color">#558B2F</item>
<item name="lime_800" type="color">#9E9D24</item>
<item name="yellow_800" type="color">#F9A825</item>
<item name="amber_800" type="color">#FF8F00</item>
<item name="orange_800" type="color">#EF6C00</item>
<item name="deep_orange_800" type="color">#D84315</item>
<item name="brown_800" type="color">#4E342E</item>
<item name="grey_800" type="color">#424242</item>
<item name="blue_grey_800" type="color">#37474F</item>
</array>
<array name="mdcolor_900">
<item name="red_900" type="color">#B71C1C</item>
<item name="ping_900" type="color">#880E4F</item>
<item name="purple_900" type="color">#4A148C</item>
<item name="deep_purple_900" type="color">#311B92</item>
<item name="indigo_900" type="color">#1A237E</item>
<item name="blue_900" type="color">#0D47A1</item>
<item name="light_blue_900" type="color">#01579B</item>
<item name="cyan_900" type="color">#006064</item>
<item name="teal_900" type="color">#004D40</item>
<item name="green_900" type="color">#1B5E20</item>
<item name="light_green_900" type="color">#33691E</item>
<item name="lime_900" type="color">#827717</item>
<item name="yellow_900" type="color">#F57F17</item>
<item name="amber_900" type="color">#FF6F00</item>
<item name="orange_900" type="color">#E65100</item>
<item name="deep_orange_900" type="color">#BF360C</item>
<item name="brown_900" type="color">#3E2723</item>
<item name="grey_900" type="color">#212121</item>
<item name="blue_grey_900" type="color">#263238</item>
</array>
<array name="mdcolor_A100">
<item name="red_A100" type="color">#FF8A80</item>
<item name="ping_A100" type="color">#FF80AB</item>
<item name="purple_A100" type="color">#EA80FC</item>
<item name="deep_purple_A100" type="color">#B388FF</item>
<item name="indigo_A100" type="color">#8C9EFF</item>
<item name="blue_A100" type="color">#82B1FF</item>
<item name="light_blue_A100" type="color">#80D8FF</item>
<item name="cyan_A100" type="color">#84FFFF</item>
<item name="teal_A100" type="color">#A7FFEB</item>
<item name="green_A100" type="color">#B9F6CA</item>
<item name="light_green_A100" type="color">#CCFF90</item>
<item name="lime_A100" type="color">#F4FF81</item>
<item name="yellow_A100" type="color">#FFFF8D</item>
<item name="amber_A100" type="color">#FFE57F</item>
<item name="orange_A100" type="color">#FFD180</item>
<item name="deep_orange_A100" type="color">#FF9E80</item>
</array>
<array name="mdcolor_A200">
<item name="red_A200" type="color">#FF5252</item>
<item name="ping_A200" type="color">#FF4081</item>
<item name="purple_A200" type="color">#E040FB</item>
<item name="deep_purple_A200" type="color">#7C4DFF</item>
<item name="indigo_A200" type="color">#536DFE</item>
<item name="blue_A200" type="color">#448AFF</item>
<item name="light_blue_A200" type="color">#40C4FF</item>
<item name="cyan_A200" type="color">#18FFFF</item>
<item name="teal_A200" type="color">#64FFDA</item>
<item name="green_A200" type="color">#69F0AE</item>
<item name="light_green_A200" type="color">#B2FF59</item>
<item name="lime_A200" type="color">#EEFF41</item>
<item name="yellow_A200" type="color">#FFFF00</item>
<item name="amber_A200" type="color">#FFD740</item>
<item name="orange_A200" type="color">#FFAB40</item>
<item name="deep_orange_A200" type="color">#FF6E40</item>
</array>
<array name="mdcolor_A400">
<item name="red_A400" type="color">#FF1744</item>
<item name="ping_A400" type="color">#F50057</item>
<item name="purple_A400" type="color">#D500F9</item>
<item name="deep_purple_A400" type="color">#651FFF</item>
<item name="indigo_A400" type="color">#3D5AFE</item>
<item name="blue_A400" type="color">#2979FF</item>
<item name="light_blue_A400" type="color">#00B0FF</item>
<item name="cyan_A400" type="color">#00E5FF</item>
<item name="teal_A400" type="color">#1DE9B6</item>
<item name="green_A400" type="color">#00E676</item>
<item name="light_green_A400" type="color">#76FF03</item>
<item name="lime_A400" type="color">#C6FF00</item>
<item name="yellow_A400" type="color">#FFEA00</item>
<item name="amber_A400" type="color">#FFC400</item>
<item name="orange_A400" type="color">#FF9100</item>
<item name="deep_orange_A400" type="color">#FF3D00</item>
</array>
<array name="mdcolor_A700">
<item name="red_A700" type="color">#D50000</item>
<item name="ping_A700" type="color">#C51162</item>
<item name="purple_A700" type="color">#AA00FF</item>
<item name="deep_purple_A700" type="color">#6200EA</item>
<item name="indigo_A700" type="color">#304FFE</item>
<item name="blue_A700" type="color">#2962FF</item>
<item name="light_blue_A700" type="color">#0091EA</item>
<item name="cyan_A700" type="color">#00B8D4</item>
<item name="teal_A700" type="color">#00BFA5</item>
<item name="green_A700" type="color">#00C853</item>
<item name="light_green_A700" type="color">#64DD17</item>
<item name="lime_A700" type="color">#AEEA00</item>
<item name="yellow_A700" type="color">#FFD600</item>
<item name="amber_A700" type="color">#FFAB00</item>
<item name="orange_A700" type="color">#FF6D00</item>
<item name="deep_orange_A700" type="color">#DD2C00</item>
</array>
</resources>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment