Colors

  • Red
    500
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 50
    #EFEBE9
  • 100
    #D7CCC8
  • 200
    #BCAAA4
  • 300
    #A1887F
  • 400
    #8D6E63
  • 500
    #795548
  • 600
    #6D4C41
  • 700
    #5D4037
  • 800
    #4E342E
  • 900
    #3E2723
  •  
  •  
  •  
  •  
  • Grey
    500
  • 50
    #FAFAFA
  • 100
    #F5F5F5
  • 200
    #EEEEEE
  • 300
    #E0E0E0
  • 400
    #BDBDBD
  • 500
    #9E9E9E
  • 600
    #757575
  • 700
    #616161
  • 800
    #424242
  • 900
    #212121
  •  
  •  
  •  
  •  
  • Blue Grey
    500
  • 50
    #ECEFF1
  • 100
    #CFD8DC
  • 200
    #B0BEC5
  • 300
    #90A4AE
  • 400
    #78909C
  • 500
    #607D8B
  • 600
    #546E7A
  • 700
    #455A64
  • 800
    #37474F
  • 900
    #263238
  •  
  •  
  •  
  •  
  • Black
    100%
  • black-alpha-5
    5%
  • black-alpha-12
    12%
  • black-alpha-26
    26%
  • black-alpha-54
    54%
  • black-alpha-87
    87%
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  • White
    100%
  • white-alpha-12
    12%
  • white-alpha-30
    30%
  • white-alpha-70
    70%
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Top