Created at
12/27/2017
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 |
