Created at 12/27/2017 12:56
by  mz
  14.73k

Blue palette Materialize CSS

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
The palette consists of Light, Semi dark colors. Accent colors blue lighten-5 and blue lighten-4. Palette has Neutral, Cool colors temperature.
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

Blue palette Materialize CSS color codes HEX, RGB information in table

Color HEX RGB Name Alternative 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 palette Blue palette Materialize CSS png