Skip to content

Instantly share code, notes, and snippets.

@kt3k

kt3k/MaterialPalette

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