Created at
12/27/2017 20:32
1
Teal palette Materialize CSS
teal lighten-5
#e0f2f1
teal lighten-4
#b2dfdb
teal lighten-3
#80cbc4
teal lighten-2
#4db6ac
teal lighten-1
#26a69a
teal
#009688
teal darken-1
#00897b
teal darken-2
#00796b
teal darken-3
#00695c
teal darken-4
#004d40
teal accent-1
#a7ffeb
teal accent-2
#64ffda
teal accent-3
#1de9b6
teal accent-4
#00bfa5
The palette consists of Light, Semi dark colors
Accent colors teal lighten-5 and teal lighten-4
Palette Teal palette Materialize CSS has combination of 14 codes colors:
HEX: #e0f2f1, RGB: (224, 242, 241); HEX: #b2dfdb, RGB: (178, 223, 219); HEX: #80cbc4, RGB: (128, 203, 196)
HEX: #4db6ac, RGB: (77, 182, 172); HEX: #26a69a, RGB: (38, 166, 154); HEX: #009688, RGB: (0, 150, 136)
HEX: #00897b, RGB: (0, 137, 123); HEX: #00796b, RGB: (0, 121, 107); HEX: #00695c, RGB: (0, 105, 92)
HEX: #004d40, RGB: (0, 77, 64); HEX: #a7ffeb, RGB: (167, 255, 235); HEX: #64ffda, RGB: (100, 255, 218)
HEX: #1de9b6, RGB: (29, 233, 182); HEX: #00bfa5, RGB: (0, 191, 165)
Color scheme was created by mz
Colors codes in palette
Teal palette Materialize CSS color codes HEX, RGB information in table
Color | HEX | RGB | Name | Alternative name |
#e0f2f1 | RGB(224, 242, 241) | teal lighten-5 | — | |
#b2dfdb | RGB(178, 223, 219) | teal lighten-4 | — | |
#80cbc4 | RGB(128, 203, 196) | teal lighten-3 | — | |
#4db6ac | RGB(77, 182, 172) | teal lighten-2 | — | |
#26a69a | RGB(38, 166, 154) | teal lighten-1 | — | |
#009688 | RGB(0, 150, 136) | teal | — | |
#00897b | RGB(0, 137, 123) | teal darken-1 | — | |
#00796b | RGB(0, 121, 107) | teal darken-2 | — | |
#00695c | RGB(0, 105, 92) | teal darken-3 | — | |
#004d40 | RGB(0, 77, 64) | teal darken-4 | — | |
#a7ffeb | RGB(167, 255, 235) | teal accent-1 | — | |
#64ffda | RGB(100, 255, 218) | teal accent-2 | — | |
#1de9b6 | RGB(29, 233, 182) | teal accent-3 | — | |
#00bfa5 | RGB(0, 191, 165) | teal accent-4 | — |