Created at 12/27/2017 21:15
by  mz
  6.55k

Orange palette Materialize CSS

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

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

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