Created at 12/27/2017
by  mz
  7065
blue lighten-5
#e3f2fd
blue lighten-4
#bbdefb
blue lighten-3
#90caf9
blue lighten-2
#64b5f6
blue lighten-1
#42a5f5
blue
#2196f3
blue darken-1
#1e88e5
blue darken-2
#1976d2
blue darken-3
#1565c0
blue darken-4
#0d47a1
blue accent-1
#82b1ff
blue accent-2
#448aff
blue accent-3
#2979ff
blue accent-4
#2962ff

Blue palette Materialize CSS

Palette Blue palette Materialize CSS has combination of 14 codes colors:

HEX: #e3f2fd RGB: (227, 242, 253), HEX: #bbdefb RGB: (187, 222, 251), HEX: #90caf9 RGB: (144, 202, 249), HEX: #64b5f6 RGB: (100, 181, 246), HEX: #42a5f5 RGB: (66, 165, 245), HEX: #2196f3 RGB: (33, 150, 243), HEX: #1e88e5 RGB: (30, 136, 229), HEX: #1976d2 RGB: (25, 118, 210), HEX: #1565c0 RGB: (21, 101, 192), HEX: #0d47a1 RGB: (13, 71, 161), HEX: #82b1ff RGB: (130, 177, 255), HEX: #448aff RGB: (68, 138, 255), HEX: #2979ff RGB: (41, 121, 255), HEX: #2962ff RGB: (41, 98, 255).

Color scheme was created by mz

Colors codes in palette

Color HEX RGB Name
#e3f2fd rgb(227, 242, 253) blue lighten-5
#bbdefb rgb(187, 222, 251) blue lighten-4
#90caf9 rgb(144, 202, 249) blue lighten-3
#64b5f6 rgb(100, 181, 246) blue lighten-2
#42a5f5 rgb(66, 165, 245) blue lighten-1
#2196f3 rgb(33, 150, 243) blue
#1e88e5 rgb(30, 136, 229) blue darken-1
#1976d2 rgb(25, 118, 210) blue darken-2
#1565c0 rgb(21, 101, 192) blue darken-3
#0d47a1 rgb(13, 71, 161) blue darken-4
#82b1ff rgb(130, 177, 255) blue accent-1
#448aff rgb(68, 138, 255) blue accent-2
#2979ff rgb(41, 121, 255) blue accent-3
#2962ff rgb(41, 98, 255) blue accent-4

Image Blue palette Materialize CSS png