Skip to content

Instantly share code, notes, and snippets.

@ardock

ardock/android_material_design_colours.xml

Forked from daniellevass/android_material_design_colours.xml
Created October 12, 2015 18:16
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ardock/d605b052b4ef586fba2c to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ardock/d605b052b4ef586fba2c to your computer and use it in GitHub Desktop.
Download ZIP
Android Material Design Colours
Raw
android_material_design_colours.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!-- google's material design colours from
http://www.google.com/design/spec/style/color.html#color-ui-color-palette -->
<!--reds-->
<color name="md_red_50">#fde0dc</color>
<color name="md_red_100">#f9bdbb</color>
<color name="md_red_200">#f69988</color>
<color name="md_red_300">#f36c60</color>
<color name="md_red_400">#e84e40</color>
<color name="md_red_500">#e51c23</color>
<color name="md_red_600">#dd191d</color>
<color name="md_red_700">#d01716</color>
<color name="md_red_800">#c41411</color>
<color name="md_red_900">#b0120a</color>
<color name="md_red_A100">#ff7997</color>
<color name="md_red_A200">#ff5177</color>
<color name="md_red_A400">#ff2d6f</color>
<color name="md_red_A700">#e00032</color>
<!-- pinks -->
<color name="md_pink_50">#fce4ec</color>
<color name="md_pink_100">#f8bbd0</color>
<color name="md_pink_200">#f48fb1</color>
<color name="md_pink_300">#f06292</color>
<color name="md_pink_400">#ec407a</color>
<color name="md_pink_500">#e91e63</color>
<color name="md_pink_600">#d81b60</color>
<color name="md_pink_700">#c2185b</color>
<color name="md_pink_800">#ad1457</color>
<color name="md_pink_900">#880e4f</color>
<color name="md_pink_A100">#ff80ab</color>
<color name="md_pink_A200">#ff4081</color>
<color name="md_pink_A400">#f50057</color>
<color name="md_pink_A700">#c51162</color>
<!-- purples -->
<color name="md_purple_50">#f3e5f5</color>
<color name="md_purple_100">#e1bee7</color>
<color name="md_purple_200">#ce93d8</color>
<color name="md_purple_300">#ba68c8</color>
<color name="md_purple_400">#ab47bc</color>
<color name="md_purple_500">#9c27b0</color>
<color name="md_purple_600">#8e24aa</color>
<color name="md_purple_700">#7b1fa2</color>
<color name="md_purple_800">#6a1b9a</color>
<color name="md_purple_900">#4a148c</color>
<color name="md_purple_A100">#ea80fc</color>
<color name="md_purple_A200">#e040fb</color>
<color name="md_purple_A400">#d500f9</color>
<color name="md_purple_A700">#aa00ff</color>
<!-- deep purples -->
<color name="md_deep_purple_50">#ede7f6</color>
<color name="md_deep_purple_100">#d1c4e9</color>
<color name="md_deep_purple_200">#b39ddb</color>
<color name="md_deep_purple_300">#9575cd</color>
<color name="md_deep_purple_400">#7e57c2</color>
<color name="md_deep_purple_500">#673ab7</color>
<color name="md_deep_purple_600">#5e35b1</color>
<color name="md_deep_purple_700">#512da8</color>
<color name="md_deep_purple_800">#4527a0</color>
<color name="md_deep_purple_900">#311b92</color>
<color name="md_deep_purple_A100">#b388ff</color>
<color name="md_deep_purple_A200">#7c4dff</color>
<color name="md_deep_purple_A400">#651fff</color>
<color name="md_deep_purple_A700">#6200ea</color>
<!-- indigo -->
<color name="md_indigo_50">#e8eaf6</color>
<color name="md_indigo_100">#c5cae9</color>
<color name="md_indigo_200">#9fa8da</color>
<color name="md_indigo_300">#7986cb</color>
<color name="md_indigo_400">#5c6bc0</color>
<color name="md_indigo_500">#3f51b5</color>
<color name="md_indigo_600">#3949ab</color>
<color name="md_indigo_700">#303f9f</color>
<color name="md_indigo_800">#283593</color>
<color name="md_indigo_900">#1a237e</color>
<color name="md_indigo_A100">#8c9eff</color>
<color name="md_indigo_A200">#536dfe</color>
<color name="md_indigo_A400">#3d5afe</color>
<color name="md_indigo_A700">#304ffe</color>
<!--blue-->
<color name="md_blue_50">#e7e9fd</color>
<color name="md_blue_100">#d0d9ff</color>
<color name="md_blue_200">#afbfff</color>
<color name="md_blue_300">#91a7ff</color>
<color name="md_blue_400">#738ffe</color>
<color name="md_blue_500">#5677fc</color>
<color name="md_blue_600">#4e6cef</color>
<color name="md_blue_700">#455ede</color>
<color name="md_blue_800">#3b50ce</color>
<color name="md_blue_900">#2a36b1</color>
<color name="md_blue_A100">#a6baff</color>
<color name="md_blue_A200">#6889ff</color>
<color name="md_blue_A400">#4d73ff</color>
<color name="md_blue_A700">#4d69ff</color>
<!-- cyan -->
<color name="md_cyan_50">#e0f7fa</color>
<color name="md_cyan_100">#b2ebf2</color>
<color name="md_cyan_200">#80deea</color>
<color name="md_cyan_300">#4dd0e1</color>
<color name="md_cyan_400">#26c6da</color>
<color name="md_cyan_500">#00bcd4</color>
<color name="md_cyan_600">#00acc1</color>
<color name="md_cyan_700">#0097a7</color>
<color name="md_cyan_800">#00838f</color>
<color name="md_cyan_900">#006064</color>
<color name="md_cyan_A100">#84ffff</color>
<color name="md_cyan_A200">#18ffff</color>
<color name="md_cyan_A400">#00e5ff</color>
<color name="md_cyan_A700">#00b8d4</color>
<!-- teal -->
<color name="md_teal_50">#e0f2f1</color>
<color name="md_teal_100">#b2dfdb</color>
<color name="md_teal_200">#80cbc4</color>
<color name="md_teal_300">#4db6ac</color>
<color name="md_teal_400">#26a69a</color>
<color name="md_teal_500">#009688</color>
<color name="md_teal_600">#00897b</color>
<color name="md_teal_700">#00796b</color>
<color name="md_teal_800">#00695c</color>
<color name="md_teal_900">#004d40</color>
<color name="md_teal_A100">#a7ffeb</color>
<color name="md_teal_A200">#64ffda</color>
<color name="md_teal_A400">#1de9b6</color>
<color name="md_teal_A700">#00bfa5</color>
<!-- green -->
<color name="md_green_50">#d0f8ce</color>
<color name="md_green_100">#a3e9a4</color>
<color name="md_green_200">#72d572</color>
<color name="md_green_300">#42bd41</color>
<color name="md_green_400">#2baf2b</color>
<color name="md_green_500">#259b24</color>
<color name="md_green_600">#0a8f08</color>
<color name="md_green_700">#0a7e07</color>
<color name="md_green_800">#056f00</color>
<color name="md_green_900">#0d5302</color>
<color name="md_green_A100">#a2f78d</color>
<color name="md_green_A200">#5af158</color>
<color name="md_green_A400">#14e715</color>
<color name="md_green_A700">#12c700</color>
</resources>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment