Skip to content

Instantly share code, notes, and snippets.

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