Color Palette
- Primary500#009DA0
- #E0F3F4
- 100#B3E2E3
- #80CED0
- 300#4DBABD
- #26ACAE
- 500#009DA0
- #009598
- 700#008B8E
- #008184
- #006F73
- A100#A1FBFF
- #6EF9FF
- #3BF7FF
- A700#22F6FF
- Success500#0CC27E
- #E2F8F0
- 100#B6EDD8
- #86E1BF
- 300#55D4A5
- #30CB91
- 500#0CC27E
- #0ABC76
- 700#08B46B
- #06AC61
- #039F4E
- A100#C9FFE0
- #96FFC3
- #63FFA5
- A700#4AFF96
- Danger500#FF586B
- #FFEBED
- 100#FFCDD3
- #FFACB5
- 300#FF8A97
- #FF7181
- 500#FF586B
- #FF5063
- 700#FF4758
- #FF3D4E
- #FF2D3C
- A100#FFFFFF
- #FBEBED
- #FFD9DB
- A700#FFBFC3
- Info500#1CBCD8
- #E4F7FA
- 100#BBEBF3
- #8EDEEC
- 300#60D0E4
- #3EC6DE
- 500#1CBCD8
- #19B6D4
- 700#14ADCE
- #11A5C8
- #0997BF
- A100#EAFAFF
- #B7EDFF
- #84E1FF
- A700#6ADAFF
- Warning500#FF8D60
- #FFF1EC
- 100#FFDDCF
- #FFC6B0
- 300#FFAF90
- #FF9E78
- 500#FF8D60
- #FF8558
- 700#FF7A4E
- #FF7044
- #FF5D33
- A100#FFFFFF
- #FFEFEC
- #FFE4DE
- A700#FFCFC4
Palette with More Colors
- Red500#f44336
- #ffebee
- 100#ffcdd2
- #ef9a9a
- 300#e57373
- #ef5350
- 500#f44336
- #e53935
- 700#d32f2f
- #c62828
- #b71c1c
- A100#ff8a80
- #ff5252
- #ff1744
- A700#d50000
- Pink500#e91e63
- #fce4ec
- 100#f8bbd0
- #f48fb1
- 300#f06292
- #ec407a
- 500#e91e63
- #d81b60
- 700#c2185b
- 800#ad1457
- 900#880e4f
- A100#ff80ab
- #ff4081
- #f50057
- A700#c51162
- Purple500#9c27b0
- #f3e5f5
- 100#e1bee7
- #ce93d8
- 300#ba68c8
- #ab47bc
- 500#9c27b0
- #8e24aa
- 700#7b1fa2
- #6a1b9a
- #4a148c
- A100#ea80fc
- #e040fb
- #d500f9
- A700#aa00ff
- Deep Purple500#673ab7
- #ede7f6
- 100#d1c4e9
- #b39ddb
- 300#9575cd
- #7e57c2
- 500#673ab7
- #5e35b1
- 700#512da8
- #4527a0
- #311b92
- A100#b388ff
- #7c4dff
- #651fff
- A700#6200ea
- Indigo500#3f51b5
- #e8eaf6
- 100#c5cae9
- #9fa8da
- 300#7986cb
- #5c6bc0
- 500#3f51b5
- #3949ab
- 700#303f9f
- #283593
- #1a237e
- A100#8c9eff
- #536dfe
- #3d5afe
- A700#304ffe
- Blue500#2196f3
- #e3f2fd
- 100#bbdefb
- #90caf9
- 300#64b5f6
- #42a5f5
- 500#2196f3
- #1e88e5
- 700#1976d2
- #1565c0
- #0d47a1
- A100#82b1ff
- #448aff
- #2979ff
- A700#2962ff
- Light Blue500#03a9f4
- #e1f5fe
- 100#b3e5fc
- #81d4fa
- 300#4fc3f7
- #29b6f6
- 500#03a9f4
- #039be5
- 700#0288d1
- #0277bd
- #01579b
- A100#80d8ff
- #40c4ff
- #00b0ff
- A700#0091ea
- Cyan500#00bcd4
- #e0f7fa
- 100#b2ebf2
- #80deea
- 300#4dd0e1
- #26c6da
- 500#00bcd4
- #00acc1
- 700#0097a7
- #00838f
- #006064
- A100#84ffff
- #18ffff
- #00e5ff
- A700#00b8d4
- Teal500#009688
- #e0f2f1
- 100#b2dfdb
- #80cbc4
- 300#4db6ac
- #26a69a
- 500#009688
- #00897b
- 700#00796b
- #00695c
- #004d40
- A100#a7ffeb
- #64ffda
- #1de9b6
- A700#00bfa5
- Green500#4caf50
- #e8f5e9
- 100#c8e6c9
- #a5d6a7
- 300#81c784
- #66bb6a
- 500#4caf50
- #43a047
- 700#388e3c
- #2e7d32
- #1b5e20
- A100#b9f6ca
- #69f0ae
- #00e676
- A700#00c853
- Light Green500#8bc34a
- #f1f8e9
- 100#dcedc8
- #c5e1a5
- 300#aed581
- #9ccc65
- 500#8bc34a
- #7cb342
- 700#689f38
- #558b2f
- #33691e
- A100#ccff90
- #b2ff59
- #76ff03
- A700#64dd17
- Lime500#cddc39
- #f9fbe7
- 100#f0f4c3
- #e6ee9c
- 300#dce775
- #d4e157
- 500#cddc39
- #c0ca33
- 700#afb42b
- #9e9d24
- #827717
- A100#f4ff81
- #eeff41
- #c6ff00
- A700#aeea00
- Yellow500#ffeb3b
- #fffde7
- 100#fff9c4
- #fff59d
- 300#fff176
- #ffee58
- 500#ffeb3b
- #fdd835
- 700#fbc02d
- #f9a825
- #f57f17
- A100#ffff8d
- #ffff00
- #ffea00
- A700#ffd600
- Amber500#ffc107
- #fff8e1
- 100#ffecb3
- #ffe082
- 300#ffd54f
- #ffca28
- 500#ffc107
- #ffb300
- 700#ffa000
- #ff8f00
- #ff6f00
- A100#ffe57f
- #ffd740
- #ffc400
- A700#ffab00
- Orange500#ff9800
- #fff3e0
- 100#ffe0b2
- #ffcc80
- 300#ffb74d
- #ffa726
- 500#ff9800
- #fb8c00
- 700#f57c00
- #ef6c00
- #e65100
- A100#ffd180
- #ffab40
- #ff9100
- A700#ff6d00
- Deep Orange500#ff5722
- #fbe9e7
- 100#ffccbc
- #ffab91
- 300#ff8a65
- #ff7043
- 500#ff5722
- #f4511e
- 700#e64a19
- #d84315
- #bf360c
- A100#ff9e80
- #ff6e40
- #ff3d00
- A700#dd2c00
- Brown500#795548
- #efebe9
- 100#d7ccc8
- #bcaaa4
- 300#a1887f
- #8d6e63
- 500#795548
- #6d4c41
- 700#5d4037
- #4e342e
- #3e2723
- Grey500#9e9e9e
- #fafafa
- 100#f5f5f5
- #eeeeee
- 300#e0e0e0
- #bdbdbd
- 500#9e9e9e
- #757575
- 700#616161
- #424242
- #212121
- Blue Grey500#607d8b
- #eceff1
- 100#cfd8dc
- #b0bec5
- 300#90a4ae
- #78909c
- 500#607d8b
- #546e7a
- 700#455a64
- #37474f
- #263238
- Black#000000
- #ffffff
Gradient Color Palette
.gradient-strawberry
.gradient-blueberry
.gradient-mint
.gradient-orange
.gradient-pomegranate
.gradient-green-tea
.gradient-blackberry
.gradient-plum
.gradient-passion-fruit
.gradient-sublime-vivid
.gradient-king-yna
.gradient-summer
.gradient-crystal-clear
.gradient-celestial
.gradient-mini
.gradient-ibiza-sunset
.gradient-dawn
.gradient-brady-brady-fun-fun
.gradient-cosmic-fusion
.gradient-nepal
.gradient-love-couple
.gradient-sunset
.gradient-grapefruit-sunset
.gradient-politics
.gradient-red-ocean
.gradient-back-to-earth
.gradient-flickr
.gradient-virgin-america
.gradient-purple-bliss
.gradient-man-of-steel
.gradient-shdow-night
.gradient-dracula
.gradient-bloody-mary
.gradient-harmonic-energy
.gradient-purple-love
.gradient-indigo-light-blue
.gradient-light-blue-indigo
.gradient-yellow-green
.gradient-orange-deep-orange
.gradient-deep-purple-purple
.gradient-red-pink
.gradient-light-green-amber
.gradient-amber-amber
.gradient-purple-pink
.gradient-indigo-dark-blue
.gradient-teal-cyan
.gradient-blue-grey-blue-grey
.gradient-cyan-dark-green
.gradient-orange-amber
.gradient-indigo-blue
.gradient-brown-brown
.gradient-blue-grey-blue
.gradient-purple-deep-orange
.gradient-green-teal
.gradient-purple-light-blue
.gradient-cyan-cyan
.gradient-yellow-teal
.gradient-purple-deep-purple
.gradient-cyan-light-green
.gradient-purple-amber
.gradient-indigo-purple
.gradient-deep-purple-blue
.gradient-deep-orange-orange
.gradient-light-blue-cyan
.gradient-blue-indigo