Skip to content

Instantly share code, notes, and snippets.

@beardyco

beardyco/MaterialColors.json

Created October 16, 2015 11:58
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save beardyco/0d8e36ccae3c9caafb39 to your computer and use it in GitHub Desktop.
Save beardyco/0d8e36ccae3c9caafb39 to your computer and use it in GitHub Desktop.
Download ZIP
JSON format of Material Colors with Shades
Raw
MaterialColors.json
{
"markersHex": {
"red": {
"50": "#FFEBEE",
"100": "#FFCDD2",
"200": "#EF9A9A",
"300": "#E57373",
"400": "#EF5350",
"500": "#F44336",
"600": "#E53935",
"700": "#D32F2F",
"800": "#C62828",
"900": "#B71C1C"
},
"pink": {
"50": "#FCE4EC",
"100": "#F8BBD0",
"200": "#F48FB1",
"300": "#F06292",
"400": "#EC407A",
"500": "#E91E63",
"600": "#D81B60",
"700": "#C2185B",
"800": "#AD1457",
"900": "#880E4F"
},
"purple": {
"50": "#F3E5F5",
"100": "#E1BEE7",
"200": "#CE93D8",
"300": "#BA68C8",
"400": "#AB47BC",
"500": "#9C27B0",
"600": "#8E24AA",
"700": "#7B1FA2",
"800": "#6A1B9A",
"900": "#4A148C"
},
"purpleDeep": {
"50": "#EDE7F6",
"100": "#D1C4E9",
"200": "#B39DDB",
"300": "#9575CD",
"400": "#7E57C2",
"500": "#673AB7",
"600": "#5E35B1",
"700": "#512DA8",
"800": "#4527A0",
"900": "#311B92"
},
"indigo": {
"50": "#E8EAF6",
"100": "#C5CAE9",
"200": "#9FA8DA",
"300": "#7986CB",
"400": "#5C6BC0",
"500": "#3F51B5",
"600": "#3949AB",
"700": "#303F9F",
"800": "#283593",
"900": "#1A237E"
},
"blue": {
"50": "#E3F2FD",
"100": "#BBDEFB",
"200": "#90CAF9",
"300": "#64B5F6",
"400": "#42A5F5",
"500": "#2196F3",
"600": "#1E88E5",
"700": "#1976D2",
"800": "#1565C0",
"900": "#0D47A1"
},
"blueLight": {
"50": "#E1F5FE",
"100": "#B3E5FC",
"200": "#81D4FA",
"300": "#4FC3F7",
"400": "#29B6F6",
"500": "#03A9F4",
"600": "#039BE5",
"700": "#0288D1",
"800": "#0277BD",
"900": "#01579B"
},
"cyan": {
"50": "#E0F7FA",
"100": "#B2EBF2",
"200": "#80DEEA",
"300": "#4DD0E1",
"400": "#26C6DA",
"500": "#00BCD4",
"600": "#00ACC1",
"700": "#0097A7",
"800": "#00838F",
"900": "#006064"
},
"teal": {
"50": "#E0F2F1",
"100": "#B2DFDB",
"200": "#80CBC4",
"300": "#4DB6AC",
"400": "#26A69A",
"500": "#009688",
"600": "#00897B",
"700": "#00796B",
"800": "#00695C",
"900": "#004D40"
},
"green": {
"50": "#E8F5E9",
"100": "#C8E6C9",
"200": "#A5D6A7",
"300": "#81C784",
"400": "#66BB6A",
"500": "#4CAF50",
"600": "#43A047",
"700": "#388E3C",
"800": "#2E7D32",
"900": "#1B5E20"
},
"greenLight": {
"50": "#F1F8E9",
"100": "#DCEDC8",
"200": "#C5E1A5",
"300": "#AED581",
"400": "#9CCC65",
"500": "#8BC34A",
"600": "#7CB342",
"700": "#689F38",
"800": "#558B2F",
"900": "#33691E"
},
"lime": {
"50": "#F9FBE7",
"100": "#F0F4C3",
"200": "#E6EE9C",
"300": "#DCE775",
"400": "#D4E157",
"500": "#CDDC39",
"600": "#C0CA33",
"700": "#AFB42B",
"800": "#9E9D24",
"900": "#827717"
},
"yellow": {
"50": "#FFFDE7",
"100": "#FFF9C4",
"200": "#FFF59D",
"300": "#FFF176",
"400": "#FFEE58",
"500": "#FFEB3B",
"600": "#FDD835",
"700": "#FBC02D",
"800": "#F9A825",
"900": "#F57F17"
},
"amber": {
"50": "#FFF8E1",
"100": "#FFECB3",
"200": "#FFE082",
"300": "#FFD54F",
"400": "#FFCA28",
"500": "#FFC107",
"600": "#FFB300",
"700": "#FFA000",
"800": "#FF8F00",
"900": "#FF6F00"
},
"orange": {
"50": "#FFF3E0",
"100": "#FFE0B2",
"200": "#FFCC80",
"300": "#FFB74D",
"400": "#FFA726",
"500": "#FF9800",
"600": "#FB8C00",
"700": "#F57C00",
"800": "#EF6C00",
"900": "#E65100"
},
"orangeDeep": {
"50": "#FBE9E7",
"100": "#FFCCBC",
"200": "#FFAB91",
"300": "#FF8A65",
"400": "#FF7043",
"500": "#FF5722",
"600": "#F4511E",
"700": "#E64A19",
"800": "#D84315",
"900": "#BF360C"
},
"brown": {
"50": "#EFEBE9",
"100": "#D7CCC8",
"200": "#BCAAA4",
"300": "#A1887F",
"400": "#8D6E63",
"500": "#795548",
"600": "#6D4C41",
"700": "#5D4037",
"800": "#4E342E",
"900": "#3E2723"
},
"grey": {
"50": "#FAFAFA",
"100": "#F5F5F5",
"200": "#EEEEEE",
"300": "#E0E0E0",
"400": "#BDBDBD",
"500": "#9E9E9E",
"600": "#757575",
"700": "#616161",
"800": "#424242",
"900": "#212121"
},
"blueGrey": {
"50": "#ECEFF1",
"100": "#CFD8DC",
"200": "#B0BEC5",
"300": "#90A4AE",
"400": "#78909C",
"500": "#607D8B",
"600": "#546E7A",
"700": "#455A64",
"800": "#37474F",
"900": "#263238"
},
"black": {
"50": "#000000",
"100": "#000000",
"200": "#000000",
"300": "#000000",
"400": "#000000",
"500": "#000000",
"600": "#000000",
"700": "#000000",
"800": "#000000",
"900": "#000000"
},
"white": {
"50": "#ffffff",
"100": "#ffffff",
"200": "#ffffff",
"300": "#ffffff",
"400": "#ffffff",
"500": "#ffffff",
"600": "#ffffff",
"700": "#ffffff",
"800": "#ffffff",
"900": "#ffffff"
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment