Material Palette

advertorial
  • Red
    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
    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
    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
    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
    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
    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
    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
    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
    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
    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
    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
    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
    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
    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
    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
    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
    50 #EFEBE9
    100 #D7CCC8
    200 #BCAAA4
    300 #A1887F
    400 #8D6E63
    500 #795548
    600 #6D4C41
    700 #5D4037
    800 #4E342E
    900 #3E2723
  • Grey
    50 #FAFAFA
    100 #F5F5F5
    200 #EEEEEE
    300 #E0E0E0
    400 #BDBDBD
    500 #9E9E9E
    600 #757575
    700 #616161
    800 #424242
    900 #212121
  • Blue Grey
    50 #ECEFF1
    100 #CFD8DC
    200 #B0BEC5
    300 #90A4AE
    400 #78909C
    500 #607D8B
    600 #546E7A
    700 #455A64
    800 #37474F
    900 #263238
Material Design Color Palette Generator

Material Design Color Palette Generator

Designers need a fast, easy way to get the material design colors they need for their projects. Material Palette was created with designers in mind. We wanted to make it as easy as possible for them to get the colors they need, without having to search through endless websites or spend hours creating color palettes themselves. Material Palette is the perfect solution for any designer who wants quick and easy access to the material design colors. With our simple interface, you can find the perfect color for your project in seconds. Plus, our PWA offline nature and installability means you can access Material Palette anytime, anywhere.

Picking the right colors for your website or app can be hard. You want something that looks good and reflects your brand, but you also don't want to spend too much time experimenting with different color combinations. It's tough enough to design a beautiful and user-friendly website or app, but adding in the challenge of picking the perfect color palette can feel impossible. Material Design Color Palette Generator is here to help. With this easy tool, you can create a custom color palette in minutes that perfectly reflects your brand or style.

Did you check our free color tools?
A collection of free color tools that will help you choose the right color for your next project! Meet a few tools that will make working with color faster and more fun.