Skip to content

Instantly share code, notes, and snippets.

@XSAM

XSAM/MaterialColor.json

Created April 19, 2017 16:20
Show Gist options
  • Save XSAM/f3a98cf3df5affb12252817b659d5c8f to your computer and use it in GitHub Desktop.
Save XSAM/f3a98cf3df5affb12252817b659d5c8f to your computer and use it in GitHub Desktop.
Download ZIP
Material Design Color Json
Raw
MaterialColor.json
{
"MaterialColor":[
{ "ColorName":"Red 50", "ColorValue": "#FFEBEE" },
{ "ColorName":"Red 100", "ColorValue": "#FFCDD2" },
{ "ColorName":"Red 200", "ColorValue": "#EF9A9A" },
{ "ColorName":"Red 300", "ColorValue": "#E57373" },
{ "ColorName":"Red 400", "ColorValue": "#EF5350" },
{ "ColorName":"Red 500", "ColorValue": "#F44336" },
{ "ColorName":"Red 600", "ColorValue": "#E53935" },
{ "ColorName":"Red 700", "ColorValue": "#D32F2F" },
{ "ColorName":"Red 800", "ColorValue": "#C62828" },
{ "ColorName":"Red 900", "ColorValue": "#B71C1C" },
{ "ColorName":"Red A100", "ColorValue": "#FF8A80" },
{ "ColorName":"Red A200", "ColorValue": "#FF5252" },
{ "ColorName":"Red A400", "ColorValue": "#FF1744" },
{ "ColorName":"Red A700", "ColorValue": "#D50000" },
{ "ColorName":"Pink 50", "ColorValue": "#FCE4EC" },
{ "ColorName":"Pink 100", "ColorValue": "#F8BBD0" },
{ "ColorName":"Pink 200", "ColorValue": "#F48FB1" },
{ "ColorName":"Pink 300", "ColorValue": "#F06292" },
{ "ColorName":"Pink 400", "ColorValue": "#EC407A" },
{ "ColorName":"Pink 500", "ColorValue": "#E91E63" },
{ "ColorName":"Pink 600", "ColorValue": "#D81B60" },
{ "ColorName":"Pink 700", "ColorValue": "#C2185B" },
{ "ColorName":"Pink 800", "ColorValue": "#AD1457" },
{ "ColorName":"Pink 900", "ColorValue": "#880E4F" },
{ "ColorName":"Pink A100", "ColorValue": "#FF80AB" },
{ "ColorName":"Pink A200", "ColorValue": "#FF4081" },
{ "ColorName":"Pink A400", "ColorValue": "#F50057" },
{ "ColorName":"Pink A700", "ColorValue": "#C51162" },
{ "ColorName":"Purple 50", "ColorValue": "#F3E5F5" },
{ "ColorName":"Purple 100", "ColorValue": "#E1BEE7" },
{ "ColorName":"Purple 200", "ColorValue": "#CE93D8" },
{ "ColorName":"Purple 300", "ColorValue": "#BA68C8" },
{ "ColorName":"Purple 400", "ColorValue": "#AB47BC" },
{ "ColorName":"Purple 500", "ColorValue": "#9C27B0" },
{ "ColorName":"Purple 600", "ColorValue": "#8E24AA" },
{ "ColorName":"Purple 700", "ColorValue": "#7B1FA2" },
{ "ColorName":"Purple 800", "ColorValue": "#6A1B9A" },
{ "ColorName":"Purple 900", "ColorValue": "#4A148C" },
{ "ColorName":"Purple A100", "ColorValue": "#EA80FC" },
{ "ColorName":"Purple A200", "ColorValue": "#E040FB" },
{ "ColorName":"Purple A400", "ColorValue": "#D500F9" },
{ "ColorName":"Purple A700", "ColorValue": "#AA00FF" },
{ "ColorName":"Deep Purple 50", "ColorValue": "#EDE7F6" },
{ "ColorName":"Deep Purple 100", "ColorValue": "#D1C4E9" },
{ "ColorName":"Deep Purple 200", "ColorValue": "#B39DDB" },
{ "ColorName":"Deep Purple 300", "ColorValue": "#9575CD" },
{ "ColorName":"Deep Purple 400", "ColorValue": "#7E57C2" },
{ "ColorName":"Deep Purple 500", "ColorValue": "#673AB7" },
{ "ColorName":"Deep Purple 600", "ColorValue": "#5E35B1" },
{ "ColorName":"Deep Purple 700", "ColorValue": "#512DA8" },
{ "ColorName":"Deep Purple 800", "ColorValue": "#4527A0" },
{ "ColorName":"Deep Purple 900", "ColorValue": "#311B92" },
{ "ColorName":"Deep Purple A100", "ColorValue": "#B388FF" },
{ "ColorName":"Deep Purple A200", "ColorValue": "#7C4DFF" },
{ "ColorName":"Deep Purple A400", "ColorValue": "#651FFF" },
{ "ColorName":"Deep Purple A700", "ColorValue": "#6200EA" },
{ "ColorName":"Indigo 50", "ColorValue": "#E8EAF6" },
{ "ColorName":"Indigo 100", "ColorValue": "#C5CAE9" },
{ "ColorName":"Indigo 200", "ColorValue": "#9FA8DA" },
{ "ColorName":"Indigo 300", "ColorValue": "#7986CB" },
{ "ColorName":"Indigo 400", "ColorValue": "#5C6BC0" },
{ "ColorName":"Indigo 500", "ColorValue": "#3F51B5" },
{ "ColorName":"Indigo 600", "ColorValue": "#3949AB" },
{ "ColorName":"Indigo 700", "ColorValue": "#303F9F" },
{ "ColorName":"Indigo 800", "ColorValue": "#283593" },
{ "ColorName":"Indigo 900", "ColorValue": "#1A237E" },
{ "ColorName":"Indigo A100", "ColorValue": "#8C9EFF" },
{ "ColorName":"Indigo A200", "ColorValue": "#536DFE" },
{ "ColorName":"Indigo A400", "ColorValue": "#3D5AFE" },
{ "ColorName":"Indigo A700", "ColorValue": "#304FFE" },
{ "ColorName":"Blue 50", "ColorValue": "#E3F2FD" },
{ "ColorName":"Blue 100", "ColorValue": "#BBDEFB" },
{ "ColorName":"Blue 200", "ColorValue": "#90CAF9" },
{ "ColorName":"Blue 300", "ColorValue": "#64B5F6" },
{ "ColorName":"Blue 400", "ColorValue": "#42A5F5" },
{ "ColorName":"Blue 500", "ColorValue": "#2196F3" },
{ "ColorName":"Blue 600", "ColorValue": "#1E88E5" },
{ "ColorName":"Blue 700", "ColorValue": "#1976D2" },
{ "ColorName":"Blue 800", "ColorValue": "#1565C0" },
{ "ColorName":"Blue 900", "ColorValue": "#0D47A1" },
{ "ColorName":"Blue A100", "ColorValue": "#82B1FF" },
{ "ColorName":"Blue A200", "ColorValue": "#448AFF" },
{ "ColorName":"Blue A400", "ColorValue": "#2979FF" },
{ "ColorName":"Blue A700", "ColorValue": "#2962FF" },
{ "ColorName":"Light Blue 50", "ColorValue": "#E1F5FE" },
{ "ColorName":"Light Blue 100", "ColorValue": "#B3E5FC" },
{ "ColorName":"Light Blue 200", "ColorValue": "#81D4FA" },
{ "ColorName":"Light Blue 300", "ColorValue": "#4FC3F7" },
{ "ColorName":"Light Blue 400", "ColorValue": "#29B6F6" },
{ "ColorName":"Light Blue 500", "ColorValue": "#03A9F4" },
{ "ColorName":"Light Blue 600", "ColorValue": "#039BE5" },
{ "ColorName":"Light Blue 700", "ColorValue": "#0288D1" },
{ "ColorName":"Light Blue 800", "ColorValue": "#0277BD" },
{ "ColorName":"Light Blue 900", "ColorValue": "#01579B" },
{ "ColorName":"Light Blue A100", "ColorValue": "#80D8FF" },
{ "ColorName":"Light Blue A200", "ColorValue": "#40C4FF" },
{ "ColorName":"Light Blue A400", "ColorValue": "#00B0FF" },
{ "ColorName":"Light Blue A700", "ColorValue": "#0091EA" },
{ "ColorName":"Cyan 50", "ColorValue": "#E0F7FA" },
{ "ColorName":"Cyan 100", "ColorValue": "#B2EBF2" },
{ "ColorName":"Cyan 200", "ColorValue": "#80DEEA" },
{ "ColorName":"Cyan 300", "ColorValue": "#4DD0E1" },
{ "ColorName":"Cyan 400", "ColorValue": "#26C6DA" },
{ "ColorName":"Cyan 500", "ColorValue": "#00BCD4" },
{ "ColorName":"Cyan 600", "ColorValue": "#00ACC1" },
{ "ColorName":"Cyan 700", "ColorValue": "#0097A7" },
{ "ColorName":"Cyan 800", "ColorValue": "#00838F" },
{ "ColorName":"Cyan 900", "ColorValue": "#006064" },
{ "ColorName":"Cyan A100", "ColorValue": "#84FFFF" },
{ "ColorName":"Cyan A200", "ColorValue": "#18FFFF" },
{ "ColorName":"Cyan A400", "ColorValue": "#00E5FF" },
{ "ColorName":"Cyan A700", "ColorValue": "#00B8D4" },
{ "ColorName":"Teal 50", "ColorValue": "#E0F2F1" },
{ "ColorName":"Teal 100", "ColorValue": "#B2DFDB" },
{ "ColorName":"Teal 200", "ColorValue": "#80CBC4" },
{ "ColorName":"Teal 300", "ColorValue": "#4DB6AC" },
{ "ColorName":"Teal 400", "ColorValue": "#26A69A" },
{ "ColorName":"Teal 500", "ColorValue": "#009688" },
{ "ColorName":"Teal 600", "ColorValue": "#00897B" },
{ "ColorName":"Teal 700", "ColorValue": "#00796B" },
{ "ColorName":"Teal 800", "ColorValue": "#00695C" },
{ "ColorName":"Teal 900", "ColorValue": "#004D40" },
{ "ColorName":"Teal A100", "ColorValue": "#A7FFEB" },
{ "ColorName":"Teal A200", "ColorValue": "#64FFDA" },
{ "ColorName":"Teal A400", "ColorValue": "#1DE9B6" },
{ "ColorName":"Teal A700", "ColorValue": "#00BFA5" },
{ "ColorName":"Green 50", "ColorValue": "#E8F5E9" },
{ "ColorName":"Green 100", "ColorValue": "#C8E6C9" },
{ "ColorName":"Green 200", "ColorValue": "#A5D6A7" },
{ "ColorName":"Green 300", "ColorValue": "#81C784" },
{ "ColorName":"Green 400", "ColorValue": "#66BB6A" },
{ "ColorName":"Green 500", "ColorValue": "#4CAF50" },
{ "ColorName":"Green 600", "ColorValue": "#43A047" },
{ "ColorName":"Green 700", "ColorValue": "#388E3C" },
{ "ColorName":"Green 800", "ColorValue": "#2E7D32" },
{ "ColorName":"Green 900", "ColorValue": "#1B5E20" },
{ "ColorName":"Green A100", "ColorValue": "#B9F6CA" },
{ "ColorName":"Green A200", "ColorValue": "#69F0AE" },
{ "ColorName":"Green A400", "ColorValue": "#00E676" },
{ "ColorName":"Green A700", "ColorValue": "#00C853" },
{ "ColorName":"Light Green 50", "ColorValue": "#F1F8E9" },
{ "ColorName":"Light Green 100", "ColorValue": "#DCEDC8" },
{ "ColorName":"Light Green 200", "ColorValue": "#C5E1A5" },
{ "ColorName":"Light Green 300", "ColorValue": "#AED581" },
{ "ColorName":"Light Green 400", "ColorValue": "#9CCC65" },
{ "ColorName":"Light Green 500", "ColorValue": "#8BC34A" },
{ "ColorName":"Light Green 600", "ColorValue": "#7CB342" },
{ "ColorName":"Light Green 700", "ColorValue": "#689F38" },
{ "ColorName":"Light Green 800", "ColorValue": "#558B2F" },
{ "ColorName":"Light Green 900", "ColorValue": "#33691E" },
{ "ColorName":"Light Green A100", "ColorValue": "#CCFF90" },
{ "ColorName":"Light Green A200", "ColorValue": "#B2FF59" },
{ "ColorName":"Light Green A400", "ColorValue": "#76FF03" },
{ "ColorName":"Light Green A700", "ColorValue": "#64DD17" },
{ "ColorName":"Lime 50", "ColorValue": "#F9FBE7" },
{ "ColorName":"Lime 100", "ColorValue": "#F0F4C3" },
{ "ColorName":"Lime 200", "ColorValue": "#E6EE9C" },
{ "ColorName":"Lime 300", "ColorValue": "#DCE775" },
{ "ColorName":"Lime 400", "ColorValue": "#D4E157" },
{ "ColorName":"Lime 500", "ColorValue": "#CDDC39" },
{ "ColorName":"Lime 600", "ColorValue": "#C0CA33" },
{ "ColorName":"Lime 700", "ColorValue": "#AFB42B" },
{ "ColorName":"Lime 800", "ColorValue": "#9E9D24" },
{ "ColorName":"Lime 900", "ColorValue": "#827717" },
{ "ColorName":"Lime A100", "ColorValue": "#F4FF81" },
{ "ColorName":"Lime A200", "ColorValue": "#EEFF41" },
{ "ColorName":"Lime A400", "ColorValue": "#C6FF00" },
{ "ColorName":"Lime A700", "ColorValue": "#AEEA00" },
{ "ColorName":"Yellow 50", "ColorValue": "#FFFDE7" },
{ "ColorName":"Yellow 100", "ColorValue": "#FFF9C4" },
{ "ColorName":"Yellow 200", "ColorValue": "#FFF59D" },
{ "ColorName":"Yellow 300", "ColorValue": "#FFF176" },
{ "ColorName":"Yellow 400", "ColorValue": "#FFEE58" },
{ "ColorName":"Yellow 500", "ColorValue": "#FFEB3B" },
{ "ColorName":"Yellow 600", "ColorValue": "#FDD835" },
{ "ColorName":"Yellow 700", "ColorValue": "#FBC02D" },
{ "ColorName":"Yellow 800", "ColorValue": "#F9A825" },
{ "ColorName":"Yellow 900", "ColorValue": "#F57F17" },
{ "ColorName":"Yellow A100", "ColorValue": "#FFFF8D" },
{ "ColorName":"Yellow A200", "ColorValue": "#FFFF00" },
{ "ColorName":"Yellow A400", "ColorValue": "#FFEA00" },
{ "ColorName":"Yellow A700", "ColorValue": "#FFD600" },
{ "ColorName":"Amber 50", "ColorValue": "#FFF8E1" },
{ "ColorName":"Amber 100", "ColorValue": "#FFECB3" },
{ "ColorName":"Amber 200", "ColorValue": "#FFE082" },
{ "ColorName":"Amber 300", "ColorValue": "#FFD54F" },
{ "ColorName":"Amber 400", "ColorValue": "#FFCA28" },
{ "ColorName":"Amber 500", "ColorValue": "#FFC107" },
{ "ColorName":"Amber 600", "ColorValue": "#FFB300" },
{ "ColorName":"Amber 700", "ColorValue": "#FFA000" },
{ "ColorName":"Amber 800", "ColorValue": "#FF8F00" },
{ "ColorName":"Amber 900", "ColorValue": "#FF6F00" },
{ "ColorName":"Amber A100", "ColorValue": "#FFE57F" },
{ "ColorName":"Amber A200", "ColorValue": "#FFD740" },
{ "ColorName":"Amber A400", "ColorValue": "#FFC400" },
{ "ColorName":"Amber A700", "ColorValue": "#FFAB00" },
{ "ColorName":"Orange 50", "ColorValue": "#FFF3E0" },
{ "ColorName":"Orange 100", "ColorValue": "#FFE0B2" },
{ "ColorName":"Orange 200", "ColorValue": "#FFCC80" },
{ "ColorName":"Orange 300", "ColorValue": "#FFB74D" },
{ "ColorName":"Orange 400", "ColorValue": "#FFA726" },
{ "ColorName":"Orange 500", "ColorValue": "#FF9800" },
{ "ColorName":"Orange 600", "ColorValue": "#FB8C00" },
{ "ColorName":"Orange 700", "ColorValue": "#F57C00" },
{ "ColorName":"Orange 800", "ColorValue": "#EF6C00" },
{ "ColorName":"Orange 900", "ColorValue": "#E65100" },
{ "ColorName":"Orange A100", "ColorValue": "#FFD180" },
{ "ColorName":"Orange A200", "ColorValue": "#FFAB40" },
{ "ColorName":"Orange A400", "ColorValue": "#FF9100" },
{ "ColorName":"Orange A700", "ColorValue": "#FF6D00" },
{ "ColorName":"Deep Orange 50", "ColorValue": "#FBE9E7" },
{ "ColorName":"Deep Orange 100", "ColorValue": "#FFCCBC" },
{ "ColorName":"Deep Orange 200", "ColorValue": "#FFAB91" },
{ "ColorName":"Deep Orange 300", "ColorValue": "#FF8A65" },
{ "ColorName":"Deep Orange 400", "ColorValue": "#FF7043" },
{ "ColorName":"Deep Orange 500", "ColorValue": "#FF5722" },
{ "ColorName":"Deep Orange 600", "ColorValue": "#F4511E" },
{ "ColorName":"Deep Orange 700", "ColorValue": "#E64A19" },
{ "ColorName":"Deep Orange 800", "ColorValue": "#D84315" },
{ "ColorName":"Deep Orange 900", "ColorValue": "#BF360C" },
{ "ColorName":"Deep Orange A100", "ColorValue": "#FF9E80" },
{ "ColorName":"Deep Orange A200", "ColorValue": "#FF6E40" },
{ "ColorName":"Deep Orange A400", "ColorValue": "#FF3D00" },
{ "ColorName":"Deep Orange A700", "ColorValue": "#DD2C00" },
{ "ColorName":"Brown 50", "ColorValue": "#FAFAFA" },
{ "ColorName":"Brown 100", "ColorValue": "#F5F5F5" },
{ "ColorName":"Brown 200", "ColorValue": "#EEEEEE" },
{ "ColorName":"Brown 300", "ColorValue": "#E0E0E0" },
{ "ColorName":"Brown 400", "ColorValue": "#BDBDBD" },
{ "ColorName":"Brown 500", "ColorValue": "#9E9E9E" },
{ "ColorName":"Brown 600", "ColorValue": "#757575" },
{ "ColorName":"Brown 700", "ColorValue": "#616161" },
{ "ColorName":"Brown 800", "ColorValue": "#424242" },
{ "ColorName":"Brown 900", "ColorValue": "#212121" },
{ "ColorName":"Grey 50", "ColorValue": "#EFEBE9" },
{ "ColorName":"Grey 100", "ColorValue": "#D7CCC8" },
{ "ColorName":"Grey 200", "ColorValue": "#BCAAA4" },
{ "ColorName":"Grey 300", "ColorValue": "#A1887F" },
{ "ColorName":"Grey 400", "ColorValue": "#8D6E63" },
{ "ColorName":"Grey 500", "ColorValue": "#795548" },
{ "ColorName":"Grey 600", "ColorValue": "#6D4C41" },
{ "ColorName":"Grey 700", "ColorValue": "#5D4037" },
{ "ColorName":"Grey 800", "ColorValue": "#4E342E" },
{ "ColorName":"Grey 900", "ColorValue": "#3E2723" },
{ "ColorName":"Blue Grey 50", "ColorValue": "#ECEFF1" },
{ "ColorName":"Blue Grey 100", "ColorValue": "#CFD8DC" },
{ "ColorName":"Blue Grey 200", "ColorValue": "#B0BEC5" },
{ "ColorName":"Blue Grey 300", "ColorValue": "#90A4AE" },
{ "ColorName":"Blue Grey 400", "ColorValue": "#78909C" },
{ "ColorName":"Blue Grey 500", "ColorValue": "#607D8B" },
{ "ColorName":"Blue Grey 600", "ColorValue": "#546E7A" },
{ "ColorName":"Blue Grey 700", "ColorValue": "#455A64" },
{ "ColorName":"Blue Grey 800", "ColorValue": "#37474F" },
{ "ColorName":"Blue Grey 900", "ColorValue": "#263238" },
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment