Color Palette
  • Primary 500 #009DA0
  • 50#E0F3F4
  • 100#B3E2E3
  • 200#80CED0
  • 300#4DBABD
  • 400#26ACAE
  • 500#009DA0
  • 600#009598
  • 700#008B8E
  • 800#008184
  • 900#006F73
  • A100#A1FBFF
  • A200#6EF9FF
  • A400#3BF7FF
  • A700#22F6FF
  • Success 500 #0CC27E
  • 50#E2F8F0
  • 100#B6EDD8
  • 200#86E1BF
  • 300#55D4A5
  • 400#30CB91
  • 500#0CC27E
  • 600#0ABC76
  • 700#08B46B
  • 800#06AC61
  • 900#039F4E
  • A100#C9FFE0
  • A200#96FFC3
  • A400#63FFA5
  • A700#4AFF96
  • Danger 500 #FF586B
  • 50#FFEBED
  • 100#FFCDD3
  • 200#FFACB5
  • 300#FF8A97
  • 400#FF7181
  • 500#FF586B
  • 600#FF5063
  • 700#FF4758
  • 800#FF3D4E
  • 900#FF2D3C
  • A100#FFFFFF
  • A200#FBEBED
  • A400#FFD9DB
  • A700#FFBFC3
  • Info 500 #1CBCD8
  • 50#E4F7FA
  • 100#BBEBF3
  • 200#8EDEEC
  • 300#60D0E4
  • 400#3EC6DE
  • 500#1CBCD8
  • 600#19B6D4
  • 700#14ADCE
  • 800#11A5C8
  • 900#0997BF
  • A100#EAFAFF
  • A200#B7EDFF
  • A400#84E1FF
  • A700#6ADAFF
  • Warning 500 #FF8D60
  • 50#FFF1EC
  • 100#FFDDCF
  • 200#FFC6B0
  • 300#FFAF90
  • 400#FF9E78
  • 500#FF8D60
  • 600#FF8558
  • 700#FF7A4E
  • 800#FF7044
  • 900#FF5D33
  • A100#FFFFFF
  • A200#FFEFEC
  • A400#FFE4DE
  • A700#FFCFC4
Palette with More Colors
  • Red 500 #f44336
  • 50#ffebee
  • 100#ffcdd2
  • 200#ef9a9a
  • 300#e57373
  • 400#ef5350
  • 500#f44336
  • 600#e53935
  • 700#d32f2f
  • 800#c62828
  • 900#b71c1c
  • A100#ff8a80
  • A200#ff5252
  • A400#ff1744
  • A700#d50000
  • Pink 500 #e91e63
  • 50#fce4ec
  • 100#f8bbd0
  • 200#f48fb1
  • 300#f06292
  • 400#ec407a
  • 500#e91e63
  • 600#d81b60
  • 700#c2185b
  • 800#ad1457
  • 900#880e4f
  • A100#ff80ab
  • A200#ff4081
  • A400#f50057
  • A700#c51162
  • Purple 500 #9c27b0
  • 50#f3e5f5
  • 100#e1bee7
  • 200#ce93d8
  • 300#ba68c8
  • 400#ab47bc
  • 500#9c27b0
  • 600#8e24aa
  • 700#7b1fa2
  • 800#6a1b9a
  • 900#4a148c
  • A100#ea80fc
  • A200#e040fb
  • A400#d500f9
  • A700#aa00ff
  • Deep Purple 500 #673ab7
  • 50#ede7f6
  • 100#d1c4e9
  • 200#b39ddb
  • 300#9575cd
  • 400#7e57c2
  • 500#673ab7
  • 600#5e35b1
  • 700#512da8
  • 800#4527a0
  • 900#311b92
  • A100#b388ff
  • A200#7c4dff
  • A400#651fff
  • A700#6200ea
  • Indigo 500 #3f51b5
  • 50#e8eaf6
  • 100#c5cae9
  • 200#9fa8da
  • 300#7986cb
  • 400#5c6bc0
  • 500#3f51b5
  • 600#3949ab
  • 700#303f9f
  • 800#283593
  • 900#1a237e
  • A100#8c9eff
  • A200#536dfe
  • A400#3d5afe
  • A700#304ffe
  • Blue 500 #2196f3
  • 50#e3f2fd
  • 100#bbdefb
  • 200#90caf9
  • 300#64b5f6
  • 400#42a5f5
  • 500#2196f3
  • 600#1e88e5
  • 700#1976d2
  • 800#1565c0
  • 900#0d47a1
  • A100#82b1ff
  • A200#448aff
  • A400#2979ff
  • A700#2962ff
  • Light Blue 500 #03a9f4
  • 50#e1f5fe
  • 100#b3e5fc
  • 200#81d4fa
  • 300#4fc3f7
  • 400#29b6f6
  • 500#03a9f4
  • 600#039be5
  • 700#0288d1
  • 800#0277bd
  • 900#01579b
  • A100#80d8ff
  • A200#40c4ff
  • A400#00b0ff
  • A700#0091ea
  • Cyan 500 #00bcd4
  • 50#e0f7fa
  • 100#b2ebf2
  • 200#80deea
  • 300#4dd0e1
  • 400#26c6da
  • 500#00bcd4
  • 600#00acc1
  • 700#0097a7
  • 800#00838f
  • 900#006064
  • A100#84ffff
  • A200#18ffff
  • A400#00e5ff
  • A700#00b8d4
  • Teal 500 #009688
  • 50#e0f2f1
  • 100#b2dfdb
  • 200#80cbc4
  • 300#4db6ac
  • 400#26a69a
  • 500#009688
  • 600#00897b
  • 700#00796b
  • 800#00695c
  • 900#004d40
  • A100#a7ffeb
  • A200#64ffda
  • A400#1de9b6
  • A700#00bfa5
  • Green 500 #4caf50
  • 50#e8f5e9
  • 100#c8e6c9
  • 200#a5d6a7
  • 300#81c784
  • 400#66bb6a
  • 500#4caf50
  • 600#43a047
  • 700#388e3c
  • 800#2e7d32
  • 900#1b5e20
  • A100#b9f6ca
  • A200#69f0ae
  • A400#00e676
  • A700#00c853
  • Light Green 500 #8bc34a
  • 50#f1f8e9
  • 100#dcedc8
  • 200#c5e1a5
  • 300#aed581
  • 400#9ccc65
  • 500#8bc34a
  • 600#7cb342
  • 700#689f38
  • 800#558b2f
  • 900#33691e
  • A100#ccff90
  • A200#b2ff59
  • A400#76ff03
  • A700#64dd17
  • Lime 500 #cddc39
  • 50#f9fbe7
  • 100#f0f4c3
  • 200#e6ee9c
  • 300#dce775
  • 400#d4e157
  • 500#cddc39
  • 600#c0ca33
  • 700#afb42b
  • 800#9e9d24
  • 900#827717
  • A100#f4ff81
  • A200#eeff41
  • A400#c6ff00
  • A700#aeea00
  • Yellow 500 #ffeb3b
  • 50#fffde7
  • 100#fff9c4
  • 200#fff59d
  • 300#fff176
  • 400#ffee58
  • 500#ffeb3b
  • 600#fdd835
  • 700#fbc02d
  • 800#f9a825
  • 900#f57f17
  • A100#ffff8d
  • A200#ffff00
  • A400#ffea00
  • A700#ffd600
  • Amber 500 #ffc107
  • 50#fff8e1
  • 100#ffecb3
  • 200#ffe082
  • 300#ffd54f
  • 400#ffca28
  • 500#ffc107
  • 600#ffb300
  • 700#ffa000
  • 800#ff8f00
  • 900#ff6f00
  • A100#ffe57f
  • A200#ffd740
  • A400#ffc400
  • A700#ffab00
  • Orange 500 #ff9800
  • 50#fff3e0
  • 100#ffe0b2
  • 200#ffcc80
  • 300#ffb74d
  • 400#ffa726
  • 500#ff9800
  • 600#fb8c00
  • 700#f57c00
  • 800#ef6c00
  • 900#e65100
  • A100#ffd180
  • A200#ffab40
  • A400#ff9100
  • A700#ff6d00
  • Deep Orange 500 #ff5722
  • 50#fbe9e7
  • 100#ffccbc
  • 200#ffab91
  • 300#ff8a65
  • 400#ff7043
  • 500#ff5722
  • 600#f4511e
  • 700#e64a19
  • 800#d84315
  • 900#bf360c
  • A100#ff9e80
  • A200#ff6e40
  • A400#ff3d00
  • A700#dd2c00
  • Brown 500 #795548
  • 50#efebe9
  • 100#d7ccc8
  • 200#bcaaa4
  • 300#a1887f
  • 400#8d6e63
  • 500#795548
  • 600#6d4c41
  • 700#5d4037
  • 800#4e342e
  • 900#3e2723
  • Grey 500 #9e9e9e
  • 50#fafafa
  • 100#f5f5f5
  • 200#eeeeee
  • 300#e0e0e0
  • 400#bdbdbd
  • 500#9e9e9e
  • 600#757575
  • 700#616161
  • 800#424242
  • 900#212121
  • Blue Grey 500 #607d8b
  • 50#eceff1
  • 100#cfd8dc
  • 200#b0bec5
  • 300#90a4ae
  • 400#78909c
  • 500#607d8b
  • 600#546e7a
  • 700#455a64
  • 800#37474f
  • 900#263238
  • Black#000000
  • White#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