Last active
August 29, 2015 14:23
-
-
Save ga-wolf/8bd64faeb1c69042a91d to your computer and use it in GitHub Desktop.
Google Material Design - Color Palette - SASS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$white: #FFFFFF | |
$black: #000000 | |
$red50: #FFEBEE | |
$red100: #FFCDD2 | |
$red200: #EF9A9A | |
$red300: #E57373 | |
$red400: #EF5350 | |
$red500: #F44336 | |
$red600: #E53935 | |
$red700: #D32F2F | |
$red800: #C62828 | |
$red900: #B71C1C | |
$redA100: #FF8A80 | |
$redA200: #FF5252 | |
$redA400: #FF1744 | |
$redA700: #D50000 | |
$pink50: #FCE4EC | |
$pink100: #F8BBD0 | |
$pink200: #F48FB1 | |
$pink300: #F06292 | |
$pink400: #EC407A | |
$pink500: #E91E63 | |
$pink600: #D81B60 | |
$pink700: #C2185B | |
$pink800: #AD1457 | |
$pink900: #880E4F | |
$pinkA100: #FF80AB | |
$pinkA200: #FF4081 | |
$pinkA400: #F50057 | |
$pinkA700: #C51162 | |
$purple50: #F3E5F5 | |
$purple100: #E1BEE7 | |
$purple200: #CE93D8 | |
$purple300: #BA68C8 | |
$purple400: #AB47BC | |
$purple500: #9C27B0 | |
$purple600: #8E24AA | |
$purple700: #7B1FA2 | |
$purple800: #6A1B9A | |
$purple900: #4A148C | |
$purpleA100: #EA80FC | |
$purpleA200: #E040FB | |
$purpleA400: #D500F9 | |
$purpleA700: #AA00FF | |
$deepPurple50: #EDE7F6 | |
$deepPurple100: #D1C4E9 | |
$deepPurple200: #B39DDB | |
$deepPurple300 #9575CD | |
$deepPurple400: #7E57C2 | |
$deepPurple500: #673AB7 | |
$deepPurple600: #5E35B1 | |
$deepPurple700: #512DA8 | |
$deepPurple800: #4527A0 | |
$deepPurple900: #311B92 | |
$deepPurpleA100: #B388FF | |
$deepPurpleA200: #7C4DFF | |
$deepPurpleA400:#651FFF | |
$deepPurpleA700: #6200EA | |
$indigo50: #E8EAF6 | |
$indigo100: #C5CAE9 | |
$indigo200: #9FA8DA | |
$indigo300 #7986CB | |
$indigo400: #5C6BC0 | |
$indigo500: #3F51B5 | |
$indigo600: #3949AB | |
$indigo700: #303F9F | |
$indigo800: #283593 | |
$indigo900: #1A237E | |
$indigoA100: #8C9EFF | |
$indigoA200: #536DFE | |
$indigoA400:#3D5AFE | |
$indigoA700: #304FFE | |
$blue50: #E3F2FD | |
$blue100: #BBDEFB | |
$blue200: #90CAF9 | |
$blue300 #64B5F6 | |
$blue400: #42A5F5 | |
$blue500: #2196F3 | |
$blue600: #1E88E5 | |
$blue700: #1976D2 | |
$blue800: #1565C0 | |
$blue900: #0D47A1 | |
$blueA100: #82B1FF | |
$blueA200: #448AFF | |
$blueA400:#2979FF | |
$blueA700: #2962FF | |
$lightBlue50: #E1F5FE | |
$lightBlue100: #B3E5FC | |
$lightBlue200: #81D4FA | |
$lightBlue300: #4FC3F7 | |
$lightBlue400: #29B6F6 | |
$lightBlue500: #03A9F4 | |
$lightBlue600: #039BE5 | |
$lightBlue700: #0288D1 | |
$lightBlue800: #0277BD | |
$lightBlue900: #01579B | |
$lightBlueA100: #80D8FF | |
$lightBlueA200: #40C4FF | |
$lightBlueA400: #00B0FF | |
$lightBlueA700: #0091EA | |
$cyan50: #E0F7FA | |
$cyan100: #B2EBF2 | |
$cyan200: #80DEEA | |
$cyan300: #4DD0E1 | |
$cyan400: #26C6DA | |
$cyan500: #00BCD4 | |
$cyan600: #00ACC1 | |
$cyan700: #0097A7 | |
$cyan800: #00838F | |
$cyan900: #006064 | |
$cyanA100: #84FFFF | |
$cyanA200: #18FFFF | |
$cyanA400: #00E5FF | |
$cyanA700: #00B8D4 | |
$teal50: #E0F2F1 | |
$teal100: #B2DFDB | |
$teal200: #80CBC4 | |
$teal300: #4DB6AC | |
$teal400: #26A69A | |
$teal500: #009688 | |
$teal600: #00897B | |
$teal700: #00796B | |
$teal800: #00695C | |
$teal900: #004D40 | |
$tealA100: #A7FFEB | |
$tealA200: #64FFDA | |
$tealA400: #1DE9B6 | |
$tealA700: #00BFA5 | |
$green50: #E8F5E9 | |
$green100: #C8E6C9 | |
$green200: #A5D6A7 | |
$green300: #81C784 | |
$green400: #66BB6A | |
$green500: #4CAF50 | |
$green600: #43A047 | |
$green700: #388E3C | |
$green800: #2E7D32 | |
$green900: #1B5E20 | |
$greenA100: #B9F6CA | |
$greenA200: #69F0AE | |
$greenA400: #00E676 | |
$greenA700: #00C853 | |
$lightGreen50: #F1F8E9 | |
$lightGreen100: #DCEDC8 | |
$lightGreen200: #C5E1A5 | |
$lightGreen300: #AED581 | |
$lightGreen400: #9CCC65 | |
$lightGreen500: #8BC34A | |
$lightGreen600: #7CB342 | |
$lightGreen700: #689F38 | |
$lightGreen800: #558B2F | |
$lightGreen900: #33691E | |
$lightGreenA100: #CCFF90 | |
$lightGreenA200: #B2FF59 | |
$lightGreenA400: #76FF03 | |
$lightGreenA700: #64DD17 | |
$lime50: #F9FBE7 | |
$lime100: #F0F4C3 | |
$lime200: #E6EE9C | |
$lime300: #DCE775 | |
$lime400: #D4E157 | |
$lime500: #CDDC39 | |
$lime600: #C0CA33 | |
$lime700: #AFB42B | |
$lime800: #9E9D24 | |
$lime900: #827717 | |
$limeA100: #F4FF81 | |
$limeA200: #EEFF41 | |
$limeA400: #C6FF00 | |
$limeA700: #AEEA00 | |
$yellow50: #FFFDE7 | |
$yellow100: #FFF9C4 | |
$yellow200: #FFF59D | |
$yellow300: #FFF176 | |
$yellow400: #FFEE58 | |
$yellow500: #FFEB3B | |
$yellow600: #FDD835 | |
$yellow700: #FBC02D | |
$yellow800: #F9A825 | |
$yellow900: #F57F17 | |
$yellowA100: #FFFF8D | |
$yellowA200: #FFFF00 | |
$yellowA400: #FFEA00 | |
$yellowA700: #FFD600 | |
$amber50: #FFF8E1 | |
$amber100: #FFECB3 | |
$amber200: #FFE082 | |
$amber300: #FFD54F | |
$amber400: #FFCA28 | |
$amber500: #FFC107 | |
$amber600: #FFB300 | |
$amber700: #FFA000 | |
$amber800: #FF8F00 | |
$amber900: #FF6F00 | |
$amberA100: #FFE57F | |
$amberA200: #FFD740 | |
$amberA400: #FFC400 | |
$amberA700: #FFAB00 | |
$orange50: #FFF3E0 | |
$orange100: #FFE0B2 | |
$orange200: #FFCC80 | |
$orange300: #FFB74D | |
$orange400: #FFA726 | |
$orange500: #FF9800 | |
$orange600: #FB8C00 | |
$orange700: #F57C00 | |
$orange800: #EF6C00 | |
$orange900: #E65100 | |
$orangeA100: #FFD180 | |
$orangeA200: #FFAB40 | |
$orangeA400: #FF9100 | |
$orangeA700: #FF6D00 | |
$deepOrange50: #FBE9E7 | |
$deepOrange100: #FFCCBC | |
$deepOrange200: #FFAB91 | |
$deepOrange300: #FF8A65 | |
$deepOrange400: #FF7043 | |
$deepOrange500: #FF5722 | |
$deepOrange600: #F4511E | |
$deepOrange700: #E64A19 | |
$deepOrange800: #D84315 | |
$deepOrange900: #BF360C | |
$deepOrangeA100: #FF9E80 | |
$deepOrangeA200: #FF6E40 | |
$deepOrangeA400: #FF3D00 | |
$deepOrangeA700: #DD2C00 | |
$brown50: #EFEBE9 | |
$brown100: #D7CCC8 | |
$brown200: #BCAAA4 | |
$brown300: #A1887F | |
$brown400: #8D6E63 | |
$brown500: #795548 | |
$brown600: #6D4C41 | |
$brown700: #5D4037 | |
$brown800: #4E342E | |
$brown900: #3E2723 | |
$grey50: #FAFAFA | |
$grey100: #F5F5F5 | |
$grey200: #EEEEEE | |
$grey300: #E0E0E0 | |
$grey400: #BDBDBD | |
$grey500: #9E9E9E | |
$grey600: #757575 | |
$grey700: #616161 | |
$grey800: #424242 | |
$grey900: #212121 | |
$blueGrey50: #ECEFF1 | |
$blueGrey100: #CFD8DC | |
$blueGrey200: #B0BEC5 | |
$blueGrey300: #90A4AE | |
$blueGrey400: #78909C | |
$blueGrey500: #607D8B | |
$blueGrey600: #546E7A | |
$blueGrey700: #455A64 | |
$blueGrey800: #37474F | |
$blueGrey900: #263238 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment