Created at 12/27/2017
by  mz
  3280
orange lighten-5
#fff3e0
orange lighten-4
#ffe0b2
orange lighten-3
#ffcc80
orange lighten-2
#ffb74d
orange lighten-1
#ffa726
orange
#ff9800
orange darken-1
#fb8c00
orange darken-2
#f57c00
orange darken-3
#ef6c00
orange darken-4
#e65100
orange accent-1
#ffd180
orange accent-2
#ffab40
orange accent-3
#ff9100
orange accent-4
#ff6d00

Orange palette Materialize CSS

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

HEX: #fff3e0 RGB: (255, 243, 224), HEX: #ffe0b2 RGB: (255, 224, 178), HEX: #ffcc80 RGB: (255, 204, 128), HEX: #ffb74d RGB: (255, 183, 77), HEX: #ffa726 RGB: (255, 167, 38), HEX: #ff9800 RGB: (255, 152, 0), HEX: #fb8c00 RGB: (251, 140, 0), HEX: #f57c00 RGB: (245, 124, 0), HEX: #ef6c00 RGB: (239, 108, 0), HEX: #e65100 RGB: (230, 81, 0), HEX: #ffd180 RGB: (255, 209, 128), HEX: #ffab40 RGB: (255, 171, 64), HEX: #ff9100 RGB: (255, 145, 0), HEX: #ff6d00 RGB: (255, 109, 0).

Color scheme was created by mz

Colors codes in palette

Color HEX RGB Name
#fff3e0 rgb(255, 243, 224) orange lighten-5
#ffe0b2 rgb(255, 224, 178) orange lighten-4
#ffcc80 rgb(255, 204, 128) orange lighten-3
#ffb74d rgb(255, 183, 77) orange lighten-2
#ffa726 rgb(255, 167, 38) orange lighten-1
#ff9800 rgb(255, 152, 0) orange
#fb8c00 rgb(251, 140, 0) orange darken-1
#f57c00 rgb(245, 124, 0) orange darken-2
#ef6c00 rgb(239, 108, 0) orange darken-3
#e65100 rgb(230, 81, 0) orange darken-4
#ffd180 rgb(255, 209, 128) orange accent-1
#ffab40 rgb(255, 171, 64) orange accent-2
#ff9100 rgb(255, 145, 0) orange accent-3
#ff6d00 rgb(255, 109, 0) orange accent-4

Image Orange palette Materialize CSS png