Skip to content

Instantly share code, notes, and snippets.

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

This comment has been minimized.

Copy link

@voituk voituk commented Sep 22, 2014

Thanks, man! Saved an hour of my life :)

@SeanZoR

This comment has been minimized.

Copy link

@SeanZoR SeanZoR commented Oct 20, 2014

Yes! Thank you.

@kalehv

This comment has been minimized.

Copy link
Owner Author

@kalehv kalehv commented Oct 28, 2014

You're all welcome. Thanks to Google Spreadsheet to make it easier ;-)

@GeorgeTG

This comment has been minimized.

Copy link

@GeorgeTG GeorgeTG commented Nov 3, 2014

Very nice!!

@fazlurr

This comment has been minimized.

Copy link

@fazlurr fazlurr commented Nov 11, 2014

Nice work, thanks!

@sacowiw

This comment has been minimized.

Copy link

@sacowiw sacowiw commented Nov 15, 2014

Thanks!!

@drewis

This comment has been minimized.

Copy link

@drewis drewis commented Nov 16, 2014

@MinsungHuh

This comment has been minimized.

Copy link

@MinsungHuh MinsungHuh commented Jan 5, 2015

Excellent!!

@Vengage

This comment has been minimized.

Copy link

@Vengage Vengage commented Jun 8, 2015

Thank you very much! Saved me a lot of time!

@kalehv

This comment has been minimized.

Copy link
Owner Author

@kalehv kalehv commented Jun 21, 2015

I have updated the sheet with the latest colors

@vysakhvasanth

This comment has been minimized.

Copy link

@vysakhvasanth vysakhvasanth commented Jul 31, 2015

Thank you. This certainly saved a lot of time.

@victorespada

This comment has been minimized.

Copy link

@victorespada victorespada commented Aug 18, 2015

Thank you very much!

@techscientist

This comment has been minimized.

Copy link

@techscientist techscientist commented Nov 13, 2015

Thank you very much. Extremely helpful!

@jonathanglima

This comment has been minimized.

Copy link

@jonathanglima jonathanglima commented Dec 20, 2015

Thanks a lot!

@xdevs23

This comment has been minimized.

Copy link

@xdevs23 xdevs23 commented Dec 26, 2015

Very nice! Thank you very much!

@androidovshchik

This comment has been minimized.

Copy link

@androidovshchik androidovshchik commented Dec 27, 2015

awesome
thanks

@ivesjob2015

This comment has been minimized.

Copy link

@ivesjob2015 ivesjob2015 commented Dec 28, 2015

Thank you very much!

@lookub

This comment has been minimized.

Copy link

@lookub lookub commented Mar 28, 2016

this will simplify my works :) thank you

@gotoark

This comment has been minimized.

Copy link

@gotoark gotoark commented Jul 7, 2016

Thank You....!!!!

@federicoponti

This comment has been minimized.

Copy link

@federicoponti federicoponti commented Jul 14, 2016

Thank you so much man!

@barnhill

This comment has been minimized.

Copy link

@barnhill barnhill commented Jul 29, 2016

hey ... I know you :)

@kalehv

This comment has been minimized.

Copy link
Owner Author

@kalehv kalehv commented Oct 8, 2016

@barnhill lol I know you too

@finitrox

This comment has been minimized.

Copy link

@finitrox finitrox commented Nov 27, 2016

Thanks

@marcelodeolive1ra

This comment has been minimized.

Copy link

@marcelodeolive1ra marcelodeolive1ra commented Jan 20, 2017

Thanks @kalehv! 👍

@rmarfil3

This comment has been minimized.

Copy link

@rmarfil3 rmarfil3 commented Feb 15, 2017

Thanks for this!

@AbduazizKayumov

This comment has been minimized.

Copy link

@AbduazizKayumov AbduazizKayumov commented Feb 15, 2017

Thank youuuuuuuuuuuuuuu! U r awesome man!

@saputro-dwy

This comment has been minimized.

Copy link

@saputro-dwy saputro-dwy commented Mar 2, 2017

Thank you

@kalehv

This comment has been minimized.

Copy link
Owner Author

@kalehv kalehv commented Apr 8, 2017

Updated with text colors on dark background - light text and light background - dark text.

@draganstojanov

This comment has been minimized.

Copy link

@draganstojanov draganstojanov commented May 25, 2017

Thanks!

@cyrusdargahi

This comment has been minimized.

Copy link

@cyrusdargahi cyrusdargahi commented Jun 1, 2017

Thanks a lot!
I also made a C# version, if anyone needs it. https://goo.gl/2x6WgH

@AlanVerne

This comment has been minimized.

Copy link

@AlanVerne AlanVerne commented Jul 7, 2017

cheers!

@rebootsramblings

This comment has been minimized.

Copy link

@rebootsramblings rebootsramblings commented Jul 21, 2017

Thanks for taking the time to prepare and share this.

@ghost

This comment has been minimized.

Copy link

@ghost ghost commented Sep 24, 2017

Thank you so much!!

@moladukes

This comment has been minimized.

Copy link

@moladukes moladukes commented Oct 18, 2017

Thank you!

@mehdiyari

This comment has been minimized.

Copy link

@mehdiyari mehdiyari commented Jan 2, 2018

very grateful.

@mstawick

This comment has been minimized.

Copy link

@mstawick mstawick commented Feb 17, 2018

Thanks!

@krmao

This comment has been minimized.

Copy link

@krmao krmao commented Apr 24, 2018

nice job !

@HankLi0130

This comment has been minimized.

Copy link

@HankLi0130 HankLi0130 commented Jun 25, 2018

Cool man, it's very helpful for me.

@ghost

This comment has been minimized.

Copy link

@ghost ghost commented Jul 25, 2018

Thank you bro.
You saved my time, hope god saves your time lol.

@plogramer

This comment has been minimized.

Copy link

@plogramer plogramer commented Jan 4, 2019

Great!!!!! Thank you so much

@ByteHamster

This comment has been minimized.

Copy link

@ByteHamster ByteHamster commented Aug 12, 2019

Just in case you need a Java version that allows to get colors by shade: https://gist.github.com/ByteHamster/1f190d78cbdd92c73dc5686d222bd4db

@Aytekin

This comment has been minimized.

Copy link

@Aytekin Aytekin commented Sep 13, 2019

Thank you so much.... Wonderfull!! 👍

@MortezaMajideyan

This comment has been minimized.

Copy link

@MortezaMajideyan MortezaMajideyan commented May 18, 2020

very nice work thannks

@Randomguy01

This comment has been minimized.

Copy link

@Randomguy01 Randomguy01 commented Sep 13, 2020

Awesome thanks!

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.