Bootstrap Colors
danger
.bg-danger.text-auto
.bg-danger
.text-danger
50
.bg-danger-50.text-auto
.bg-danger-50
.text-danger-50
100
.bg-danger-100.text-auto
.bg-danger-100
.text-danger-100
200
.bg-danger-200.text-auto
.bg-danger-200
.text-danger-200
300
.bg-danger-300.text-auto
.bg-danger-300
.text-danger-300
400
.bg-danger-400.text-auto
.bg-danger-400
.text-danger-400
500
.bg-danger-500.text-auto
.bg-danger-500
.text-danger-500
600
.bg-danger-600.text-auto
.bg-danger-600
.text-danger-600
700
.bg-danger-700.text-auto
.bg-danger-700
.text-danger-700
800
.bg-danger-800.text-auto
.bg-danger-800
.text-danger-800
900
.bg-danger-900.text-auto
.bg-danger-900
.text-danger-900
A100
.bg-danger-A100.text-auto
.bg-danger-A100
.text-danger-A100
A200
.bg-danger-A200.text-auto
.bg-danger-A200
.text-danger-A200
A400
.bg-danger-A400.text-auto
.bg-danger-A400
.text-danger-A400
A700
.bg-danger-A700.text-auto
.bg-danger-A700
.text-danger-A700
dark
.bg-dark.text-auto
.bg-dark
.text-dark
info
.bg-info.text-auto
.bg-info
.text-info
50
.bg-info-50.text-auto
.bg-info-50
.text-info-50
100
.bg-info-100.text-auto
.bg-info-100
.text-info-100
200
.bg-info-200.text-auto
.bg-info-200
.text-info-200
300
.bg-info-300.text-auto
.bg-info-300
.text-info-300
400
.bg-info-400.text-auto
.bg-info-400
.text-info-400
500
.bg-info-500.text-auto
.bg-info-500
.text-info-500
600
.bg-info-600.text-auto
.bg-info-600
.text-info-600
700
.bg-info-700.text-auto
.bg-info-700
.text-info-700
800
.bg-info-800.text-auto
.bg-info-800
.text-info-800
900
.bg-info-900.text-auto
.bg-info-900
.text-info-900
A100
.bg-info-A100.text-auto
.bg-info-A100
.text-info-A100
A200
.bg-info-A200.text-auto
.bg-info-A200
.text-info-A200
A400
.bg-info-A400.text-auto
.bg-info-A400
.text-info-A400
A700
.bg-info-A700.text-auto
.bg-info-A700
.text-info-A700
light
.bg-light.text-auto
.bg-light
.text-light
primary
.bg-primary.text-auto
.bg-primary
.text-primary
50
.bg-primary-50.text-auto
.bg-primary-50
.text-primary-50
100
.bg-primary-100.text-auto
.bg-primary-100
.text-primary-100
200
.bg-primary-200.text-auto
.bg-primary-200
.text-primary-200
300
.bg-primary-300.text-auto
.bg-primary-300
.text-primary-300
400
.bg-primary-400.text-auto
.bg-primary-400
.text-primary-400
500
.bg-primary-500.text-auto
.bg-primary-500
.text-primary-500
600
.bg-primary-600.text-auto
.bg-primary-600
.text-primary-600
700
.bg-primary-700.text-auto
.bg-primary-700
.text-primary-700
800
.bg-primary-800.text-auto
.bg-primary-800
.text-primary-800
900
.bg-primary-900.text-auto
.bg-primary-900
.text-primary-900
A100
.bg-primary-A100.text-auto
.bg-primary-A100
.text-primary-A100
A200
.bg-primary-A200.text-auto
.bg-primary-A200
.text-primary-A200
A400
.bg-primary-A400.text-auto
.bg-primary-A400
.text-primary-A400
A700
.bg-primary-A700.text-auto
.bg-primary-A700
.text-primary-A700
secondary
.bg-secondary.text-auto
.bg-secondary
.text-secondary
50
.bg-secondary-50.text-auto
.bg-secondary-50
.text-secondary-50
100
.bg-secondary-100.text-auto
.bg-secondary-100
.text-secondary-100
200
.bg-secondary-200.text-auto
.bg-secondary-200
.text-secondary-200
300
.bg-secondary-300.text-auto
.bg-secondary-300
.text-secondary-300
400
.bg-secondary-400.text-auto
.bg-secondary-400
.text-secondary-400
500
.bg-secondary-500.text-auto
.bg-secondary-500
.text-secondary-500
600
.bg-secondary-600.text-auto
.bg-secondary-600
.text-secondary-600
700
.bg-secondary-700.text-auto
.bg-secondary-700
.text-secondary-700
800
.bg-secondary-800.text-auto
.bg-secondary-800
.text-secondary-800
900
.bg-secondary-900.text-auto
.bg-secondary-900
.text-secondary-900
A100
.bg-secondary-A100.text-auto
.bg-secondary-A100
.text-secondary-A100
A200
.bg-secondary-A200.text-auto
.bg-secondary-A200
.text-secondary-A200
A400
.bg-secondary-A400.text-auto
.bg-secondary-A400
.text-secondary-A400
A700
.bg-secondary-A700.text-auto
.bg-secondary-A700
.text-secondary-A700
success
.bg-success.text-auto
.bg-success
.text-success
50
.bg-success-50.text-auto
.bg-success-50
.text-success-50
100
.bg-success-100.text-auto
.bg-success-100
.text-success-100
200
.bg-success-200.text-auto
.bg-success-200
.text-success-200
300
.bg-success-300.text-auto
.bg-success-300
.text-success-300
400
.bg-success-400.text-auto
.bg-success-400
.text-success-400
500
.bg-success-500.text-auto
.bg-success-500
.text-success-500
600
.bg-success-600.text-auto
.bg-success-600
.text-success-600
700
.bg-success-700.text-auto
.bg-success-700
.text-success-700
800
.bg-success-800.text-auto
.bg-success-800
.text-success-800
900
.bg-success-900.text-auto
.bg-success-900
.text-success-900
A100
.bg-success-A100.text-auto
.bg-success-A100
.text-success-A100
A200
.bg-success-A200.text-auto
.bg-success-A200
.text-success-A200
A400
.bg-success-A400.text-auto
.bg-success-A400
.text-success-A400
A700
.bg-success-A700.text-auto
.bg-success-A700
.text-success-A700
warning
.bg-warning.text-auto
.bg-warning
.text-warning
50
.bg-warning-50.text-auto
.bg-warning-50
.text-warning-50
100
.bg-warning-100.text-auto
.bg-warning-100
.text-warning-100
200
.bg-warning-200.text-auto
.bg-warning-200
.text-warning-200
300
.bg-warning-300.text-auto
.bg-warning-300
.text-warning-300
400
.bg-warning-400.text-auto
.bg-warning-400
.text-warning-400
500
.bg-warning-500.text-auto
.bg-warning-500
.text-warning-500
600
.bg-warning-600.text-auto
.bg-warning-600
.text-warning-600
700
.bg-warning-700.text-auto
.bg-warning-700
.text-warning-700
800
.bg-warning-800.text-auto
.bg-warning-800
.text-warning-800
900
.bg-warning-900.text-auto
.bg-warning-900
.text-warning-900
A100
.bg-warning-A100.text-auto
.bg-warning-A100
.text-warning-A100
A200
.bg-warning-A200.text-auto
.bg-warning-A200
.text-warning-A200
A400
.bg-warning-A400.text-auto
.bg-warning-A400
.text-warning-A400
A700
.bg-warning-A700.text-auto
.bg-warning-A700
.text-warning-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
amber
500
#FFC107
100
.bg-amber-100.text-auto
.bg-amber-100
.text-amber-100
200
.bg-amber-200.text-auto
.bg-amber-200
.text-amber-200
300
.bg-amber-300.text-auto
.bg-amber-300
.text-amber-300
400
.bg-amber-400.text-auto
.bg-amber-400
.text-amber-400
50
.bg-amber-50.text-auto
.bg-amber-50
.text-amber-50
500
.bg-amber-500.text-auto
.bg-amber-500
.text-amber-500
600
.bg-amber-600.text-auto
.bg-amber-600
.text-amber-600
700
.bg-amber-700.text-auto
.bg-amber-700
.text-amber-700
800
.bg-amber-800.text-auto
.bg-amber-800
.text-amber-800
900
.bg-amber-900.text-auto
.bg-amber-900
.text-amber-900
A100
.bg-amber-A100.text-auto
.bg-amber-A100
.text-amber-A100
A200
.bg-amber-A200.text-auto
.bg-amber-A200
.text-amber-A200
A400
.bg-amber-A400.text-auto
.bg-amber-A400
.text-amber-A400
A700
.bg-amber-A700.text-auto
.bg-amber-A700
.text-amber-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
black
500
#000000
500
.bg-black-500.text-auto
.bg-black-500
.text-black-500
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
blue
500
#2196F3
100
.bg-blue-100.text-auto
.bg-blue-100
.text-blue-100
200
.bg-blue-200.text-auto
.bg-blue-200
.text-blue-200
300
.bg-blue-300.text-auto
.bg-blue-300
.text-blue-300
400
.bg-blue-400.text-auto
.bg-blue-400
.text-blue-400
50
.bg-blue-50.text-auto
.bg-blue-50
.text-blue-50
500
.bg-blue-500.text-auto
.bg-blue-500
.text-blue-500
600
.bg-blue-600.text-auto
.bg-blue-600
.text-blue-600
700
.bg-blue-700.text-auto
.bg-blue-700
.text-blue-700
800
.bg-blue-800.text-auto
.bg-blue-800
.text-blue-800
900
.bg-blue-900.text-auto
.bg-blue-900
.text-blue-900
A100
.bg-blue-A100.text-auto
.bg-blue-A100
.text-blue-A100
A200
.bg-blue-A200.text-auto
.bg-blue-A200
.text-blue-A200
A400
.bg-blue-A400.text-auto
.bg-blue-A400
.text-blue-A400
A700
.bg-blue-A700.text-auto
.bg-blue-A700
.text-blue-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
blue-grey
500
#607D8B
100
.bg-blue-grey-100.text-auto
.bg-blue-grey-100
.text-blue-grey-100
200
.bg-blue-grey-200.text-auto
.bg-blue-grey-200
.text-blue-grey-200
300
.bg-blue-grey-300.text-auto
.bg-blue-grey-300
.text-blue-grey-300
400
.bg-blue-grey-400.text-auto
.bg-blue-grey-400
.text-blue-grey-400
50
.bg-blue-grey-50.text-auto
.bg-blue-grey-50
.text-blue-grey-50
500
.bg-blue-grey-500.text-auto
.bg-blue-grey-500
.text-blue-grey-500
600
.bg-blue-grey-600.text-auto
.bg-blue-grey-600
.text-blue-grey-600
700
.bg-blue-grey-700.text-auto
.bg-blue-grey-700
.text-blue-grey-700
800
.bg-blue-grey-800.text-auto
.bg-blue-grey-800
.text-blue-grey-800
900
.bg-blue-grey-900.text-auto
.bg-blue-grey-900
.text-blue-grey-900
A100
.bg-blue-grey-A100.text-auto
.bg-blue-grey-A100
.text-blue-grey-A100
A200
.bg-blue-grey-A200.text-auto
.bg-blue-grey-A200
.text-blue-grey-A200
A400
.bg-blue-grey-A400.text-auto
.bg-blue-grey-A400
.text-blue-grey-A400
A700
.bg-blue-grey-A700.text-auto
.bg-blue-grey-A700
.text-blue-grey-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
brown
500
#795548
100
.bg-brown-100.text-auto
.bg-brown-100
.text-brown-100
200
.bg-brown-200.text-auto
.bg-brown-200
.text-brown-200
300
.bg-brown-300.text-auto
.bg-brown-300
.text-brown-300
400
.bg-brown-400.text-auto
.bg-brown-400
.text-brown-400
50
.bg-brown-50.text-auto
.bg-brown-50
.text-brown-50
500
.bg-brown-500.text-auto
.bg-brown-500
.text-brown-500
600
.bg-brown-600.text-auto
.bg-brown-600
.text-brown-600
700
.bg-brown-700.text-auto
.bg-brown-700
.text-brown-700
800
.bg-brown-800.text-auto
.bg-brown-800
.text-brown-800
900
.bg-brown-900.text-auto
.bg-brown-900
.text-brown-900
A100
.bg-brown-A100.text-auto
.bg-brown-A100
.text-brown-A100
A200
.bg-brown-A200.text-auto
.bg-brown-A200
.text-brown-A200
A400
.bg-brown-A400.text-auto
.bg-brown-A400
.text-brown-A400
A700
.bg-brown-A700.text-auto
.bg-brown-A700
.text-brown-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
cyan
500
#00BCD4
100
.bg-cyan-100.text-auto
.bg-cyan-100
.text-cyan-100
200
.bg-cyan-200.text-auto
.bg-cyan-200
.text-cyan-200
300
.bg-cyan-300.text-auto
.bg-cyan-300
.text-cyan-300
400
.bg-cyan-400.text-auto
.bg-cyan-400
.text-cyan-400
50
.bg-cyan-50.text-auto
.bg-cyan-50
.text-cyan-50
500
.bg-cyan-500.text-auto
.bg-cyan-500
.text-cyan-500
600
.bg-cyan-600.text-auto
.bg-cyan-600
.text-cyan-600
700
.bg-cyan-700.text-auto
.bg-cyan-700
.text-cyan-700
800
.bg-cyan-800.text-auto
.bg-cyan-800
.text-cyan-800
900
.bg-cyan-900.text-auto
.bg-cyan-900
.text-cyan-900
A100
.bg-cyan-A100.text-auto
.bg-cyan-A100
.text-cyan-A100
A200
.bg-cyan-A200.text-auto
.bg-cyan-A200
.text-cyan-A200
A400
.bg-cyan-A400.text-auto
.bg-cyan-A400
.text-cyan-A400
A700
.bg-cyan-A700.text-auto
.bg-cyan-A700
.text-cyan-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
deep-orange
500
#FF5722
100
.bg-deep-orange-100.text-auto
.bg-deep-orange-100
.text-deep-orange-100
200
.bg-deep-orange-200.text-auto
.bg-deep-orange-200
.text-deep-orange-200
300
.bg-deep-orange-300.text-auto
.bg-deep-orange-300
.text-deep-orange-300
400
.bg-deep-orange-400.text-auto
.bg-deep-orange-400
.text-deep-orange-400
50
.bg-deep-orange-50.text-auto
.bg-deep-orange-50
.text-deep-orange-50
500
.bg-deep-orange-500.text-auto
.bg-deep-orange-500
.text-deep-orange-500
600
.bg-deep-orange-600.text-auto
.bg-deep-orange-600
.text-deep-orange-600
700
.bg-deep-orange-700.text-auto
.bg-deep-orange-700
.text-deep-orange-700
800
.bg-deep-orange-800.text-auto
.bg-deep-orange-800
.text-deep-orange-800
900
.bg-deep-orange-900.text-auto
.bg-deep-orange-900
.text-deep-orange-900
A100
.bg-deep-orange-A100.text-auto
.bg-deep-orange-A100
.text-deep-orange-A100
A200
.bg-deep-orange-A200.text-auto
.bg-deep-orange-A200
.text-deep-orange-A200
A400
.bg-deep-orange-A400.text-auto
.bg-deep-orange-A400
.text-deep-orange-A400
A700
.bg-deep-orange-A700.text-auto
.bg-deep-orange-A700
.text-deep-orange-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
deep-purple
500
#673AB7
100
.bg-deep-purple-100.text-auto
.bg-deep-purple-100
.text-deep-purple-100
200
.bg-deep-purple-200.text-auto
.bg-deep-purple-200
.text-deep-purple-200
300
.bg-deep-purple-300.text-auto
.bg-deep-purple-300
.text-deep-purple-300
400
.bg-deep-purple-400.text-auto
.bg-deep-purple-400
.text-deep-purple-400
50
.bg-deep-purple-50.text-auto
.bg-deep-purple-50
.text-deep-purple-50
500
.bg-deep-purple-500.text-auto
.bg-deep-purple-500
.text-deep-purple-500
600
.bg-deep-purple-600.text-auto
.bg-deep-purple-600
.text-deep-purple-600
700
.bg-deep-purple-700.text-auto
.bg-deep-purple-700
.text-deep-purple-700
800
.bg-deep-purple-800.text-auto
.bg-deep-purple-800
.text-deep-purple-800
900
.bg-deep-purple-900.text-auto
.bg-deep-purple-900
.text-deep-purple-900
A100
.bg-deep-purple-A100.text-auto
.bg-deep-purple-A100
.text-deep-purple-A100
A200
.bg-deep-purple-A200.text-auto
.bg-deep-purple-A200
.text-deep-purple-A200
A400
.bg-deep-purple-A400.text-auto
.bg-deep-purple-A400
.text-deep-purple-A400
A700
.bg-deep-purple-A700.text-auto
.bg-deep-purple-A700
.text-deep-purple-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
fuse-dark
500
#3C4252
100
.bg-fuse-dark-100.text-auto
.bg-fuse-dark-100
.text-fuse-dark-100
200
.bg-fuse-dark-200.text-auto
.bg-fuse-dark-200
.text-fuse-dark-200
300
.bg-fuse-dark-300.text-auto
.bg-fuse-dark-300
.text-fuse-dark-300
400
.bg-fuse-dark-400.text-auto
.bg-fuse-dark-400
.text-fuse-dark-400
50
.bg-fuse-dark-50.text-auto
.bg-fuse-dark-50
.text-fuse-dark-50
500
.bg-fuse-dark-500.text-auto
.bg-fuse-dark-500
.text-fuse-dark-500
600
.bg-fuse-dark-600.text-auto
.bg-fuse-dark-600
.text-fuse-dark-600
700
.bg-fuse-dark-700.text-auto
.bg-fuse-dark-700
.text-fuse-dark-700
800
.bg-fuse-dark-800.text-auto
.bg-fuse-dark-800
.text-fuse-dark-800
900
.bg-fuse-dark-900.text-auto
.bg-fuse-dark-900
.text-fuse-dark-900
A100
.bg-fuse-dark-A100.text-auto
.bg-fuse-dark-A100
.text-fuse-dark-A100
A200
.bg-fuse-dark-A200.text-auto
.bg-fuse-dark-A200
.text-fuse-dark-A200
A400
.bg-fuse-dark-A400.text-auto
.bg-fuse-dark-A400
.text-fuse-dark-A400
A700
.bg-fuse-dark-A700.text-auto
.bg-fuse-dark-A700
.text-fuse-dark-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
green
500
#4CAF50
100
.bg-green-100.text-auto
.bg-green-100
.text-green-100
200
.bg-green-200.text-auto
.bg-green-200
.text-green-200
300
.bg-green-300.text-auto
.bg-green-300
.text-green-300
400
.bg-green-400.text-auto
.bg-green-400
.text-green-400
50
.bg-green-50.text-auto
.bg-green-50
.text-green-50
500
.bg-green-500.text-auto
.bg-green-500
.text-green-500
600
.bg-green-600.text-auto
.bg-green-600
.text-green-600
700
.bg-green-700.text-auto
.bg-green-700
.text-green-700
800
.bg-green-800.text-auto
.bg-green-800
.text-green-800
900
.bg-green-900.text-auto
.bg-green-900
.text-green-900
A100
.bg-green-A100.text-auto
.bg-green-A100
.text-green-A100
A200
.bg-green-A200.text-auto
.bg-green-A200
.text-green-A200
A400
.bg-green-A400.text-auto
.bg-green-A400
.text-green-A400
A700
.bg-green-A700.text-auto
.bg-green-A700
.text-green-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
grey
500
#9E9E9E
100
.bg-grey-100.text-auto
.bg-grey-100
.text-grey-100
1000
.bg-grey-1000.text-auto
.bg-grey-1000
.text-grey-1000
200
.bg-grey-200.text-auto
.bg-grey-200
.text-grey-200
300
.bg-grey-300.text-auto
.bg-grey-300
.text-grey-300
400
.bg-grey-400.text-auto
.bg-grey-400
.text-grey-400
50
.bg-grey-50.text-auto
.bg-grey-50
.text-grey-50
500
.bg-grey-500.text-auto
.bg-grey-500
.text-grey-500
600
.bg-grey-600.text-auto
.bg-grey-600
.text-grey-600
700
.bg-grey-700.text-auto
.bg-grey-700
.text-grey-700
800
.bg-grey-800.text-auto
.bg-grey-800
.text-grey-800
900
.bg-grey-900.text-auto
.bg-grey-900
.text-grey-900
A100
.bg-grey-A100.text-auto
.bg-grey-A100
.text-grey-A100
A200
.bg-grey-A200.text-auto
.bg-grey-A200
.text-grey-A200
A400
.bg-grey-A400.text-auto
.bg-grey-A400
.text-grey-A400
A700
.bg-grey-A700.text-auto
.bg-grey-A700
.text-grey-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
indigo
500
#3F51B5
100
.bg-indigo-100.text-auto
.bg-indigo-100
.text-indigo-100
200
.bg-indigo-200.text-auto
.bg-indigo-200
.text-indigo-200
300
.bg-indigo-300.text-auto
.bg-indigo-300
.text-indigo-300
400
.bg-indigo-400.text-auto
.bg-indigo-400
.text-indigo-400
50
.bg-indigo-50.text-auto
.bg-indigo-50
.text-indigo-50
500
.bg-indigo-500.text-auto
.bg-indigo-500
.text-indigo-500
600
.bg-indigo-600.text-auto
.bg-indigo-600
.text-indigo-600
700
.bg-indigo-700.text-auto
.bg-indigo-700
.text-indigo-700
800
.bg-indigo-800.text-auto
.bg-indigo-800
.text-indigo-800
900
.bg-indigo-900.text-auto
.bg-indigo-900
.text-indigo-900
A100
.bg-indigo-A100.text-auto
.bg-indigo-A100
.text-indigo-A100
A200
.bg-indigo-A200.text-auto
.bg-indigo-A200
.text-indigo-A200
A400
.bg-indigo-A400.text-auto
.bg-indigo-A400
.text-indigo-A400
A700
.bg-indigo-A700.text-auto
.bg-indigo-A700
.text-indigo-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
light-blue
500
#03A9F4
100
.bg-light-blue-100.text-auto
.bg-light-blue-100
.text-light-blue-100
200
.bg-light-blue-200.text-auto
.bg-light-blue-200
.text-light-blue-200
300
.bg-light-blue-300.text-auto
.bg-light-blue-300
.text-light-blue-300
400
.bg-light-blue-400.text-auto
.bg-light-blue-400
.text-light-blue-400
50
.bg-light-blue-50.text-auto
.bg-light-blue-50
.text-light-blue-50
500
.bg-light-blue-500.text-auto
.bg-light-blue-500
.text-light-blue-500
600
.bg-light-blue-600.text-auto
.bg-light-blue-600
.text-light-blue-600
700
.bg-light-blue-700.text-auto
.bg-light-blue-700
.text-light-blue-700
800
.bg-light-blue-800.text-auto
.bg-light-blue-800
.text-light-blue-800
900
.bg-light-blue-900.text-auto
.bg-light-blue-900
.text-light-blue-900
A100
.bg-light-blue-A100.text-auto
.bg-light-blue-A100
.text-light-blue-A100
A200
.bg-light-blue-A200.text-auto
.bg-light-blue-A200
.text-light-blue-A200
A400
.bg-light-blue-A400.text-auto
.bg-light-blue-A400
.text-light-blue-A400
A700
.bg-light-blue-A700.text-auto
.bg-light-blue-A700
.text-light-blue-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
light-green
500
#8BC34A
100
.bg-light-green-100.text-auto
.bg-light-green-100
.text-light-green-100
200
.bg-light-green-200.text-auto
.bg-light-green-200
.text-light-green-200
300
.bg-light-green-300.text-auto
.bg-light-green-300
.text-light-green-300
400
.bg-light-green-400.text-auto
.bg-light-green-400
.text-light-green-400
50
.bg-light-green-50.text-auto
.bg-light-green-50
.text-light-green-50
500
.bg-light-green-500.text-auto
.bg-light-green-500
.text-light-green-500
600
.bg-light-green-600.text-auto
.bg-light-green-600
.text-light-green-600
700
.bg-light-green-700.text-auto
.bg-light-green-700
.text-light-green-700
800
.bg-light-green-800.text-auto
.bg-light-green-800
.text-light-green-800
900
.bg-light-green-900.text-auto
.bg-light-green-900
.text-light-green-900
A100
.bg-light-green-A100.text-auto
.bg-light-green-A100
.text-light-green-A100
A200
.bg-light-green-A200.text-auto
.bg-light-green-A200
.text-light-green-A200
A400
.bg-light-green-A400.text-auto
.bg-light-green-A400
.text-light-green-A400
A700
.bg-light-green-A700.text-auto
.bg-light-green-A700
.text-light-green-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
lime
500
#CDDC39
100
.bg-lime-100.text-auto
.bg-lime-100
.text-lime-100
200
.bg-lime-200.text-auto
.bg-lime-200
.text-lime-200
300
.bg-lime-300.text-auto
.bg-lime-300
.text-lime-300
400
.bg-lime-400.text-auto
.bg-lime-400
.text-lime-400
50
.bg-lime-50.text-auto
.bg-lime-50
.text-lime-50
500
.bg-lime-500.text-auto
.bg-lime-500
.text-lime-500
600
.bg-lime-600.text-auto
.bg-lime-600
.text-lime-600
700
.bg-lime-700.text-auto
.bg-lime-700
.text-lime-700
800
.bg-lime-800.text-auto
.bg-lime-800
.text-lime-800
900
.bg-lime-900.text-auto
.bg-lime-900
.text-lime-900
A100
.bg-lime-A100.text-auto
.bg-lime-A100
.text-lime-A100
A200
.bg-lime-A200.text-auto
.bg-lime-A200
.text-lime-A200
A400
.bg-lime-A400.text-auto
.bg-lime-A400
.text-lime-A400
A700
.bg-lime-A700.text-auto
.bg-lime-A700
.text-lime-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
orange
500
#FF9800
100
.bg-orange-100.text-auto
.bg-orange-100
.text-orange-100
200
.bg-orange-200.text-auto
.bg-orange-200
.text-orange-200
300
.bg-orange-300.text-auto
.bg-orange-300
.text-orange-300
400
.bg-orange-400.text-auto
.bg-orange-400
.text-orange-400
50
.bg-orange-50.text-auto
.bg-orange-50
.text-orange-50
500
.bg-orange-500.text-auto
.bg-orange-500
.text-orange-500
600
.bg-orange-600.text-auto
.bg-orange-600
.text-orange-600
700
.bg-orange-700.text-auto
.bg-orange-700
.text-orange-700
800
.bg-orange-800.text-auto
.bg-orange-800
.text-orange-800
900
.bg-orange-900.text-auto
.bg-orange-900
.text-orange-900
A100
.bg-orange-A100.text-auto
.bg-orange-A100
.text-orange-A100
A200
.bg-orange-A200.text-auto
.bg-orange-A200
.text-orange-A200
A400
.bg-orange-A400.text-auto
.bg-orange-A400
.text-orange-A400
A700
.bg-orange-A700.text-auto
.bg-orange-A700
.text-orange-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
pink
500
#E91E63
100
.bg-pink-100.text-auto
.bg-pink-100
.text-pink-100
200
.bg-pink-200.text-auto
.bg-pink-200
.text-pink-200
300
.bg-pink-300.text-auto
.bg-pink-300
.text-pink-300
400
.bg-pink-400.text-auto
.bg-pink-400
.text-pink-400
50
.bg-pink-50.text-auto
.bg-pink-50
.text-pink-50
500
.bg-pink-500.text-auto
.bg-pink-500
.text-pink-500
600
.bg-pink-600.text-auto
.bg-pink-600
.text-pink-600
700
.bg-pink-700.text-auto
.bg-pink-700
.text-pink-700
800
.bg-pink-800.text-auto
.bg-pink-800
.text-pink-800
900
.bg-pink-900.text-auto
.bg-pink-900
.text-pink-900
A100
.bg-pink-A100.text-auto
.bg-pink-A100
.text-pink-A100
A200
.bg-pink-A200.text-auto
.bg-pink-A200
.text-pink-A200
A400
.bg-pink-A400.text-auto
.bg-pink-A400
.text-pink-A400
A700
.bg-pink-A700.text-auto
.bg-pink-A700
.text-pink-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
purple
500
#9C27B0
100
.bg-purple-100.text-auto
.bg-purple-100
.text-purple-100
200
.bg-purple-200.text-auto
.bg-purple-200
.text-purple-200
300
.bg-purple-300.text-auto
.bg-purple-300
.text-purple-300
400
.bg-purple-400.text-auto
.bg-purple-400
.text-purple-400
50
.bg-purple-50.text-auto
.bg-purple-50
.text-purple-50
500
.bg-purple-500.text-auto
.bg-purple-500
.text-purple-500
600
.bg-purple-600.text-auto
.bg-purple-600
.text-purple-600
700
.bg-purple-700.text-auto
.bg-purple-700
.text-purple-700
800
.bg-purple-800.text-auto
.bg-purple-800
.text-purple-800
900
.bg-purple-900.text-auto
.bg-purple-900
.text-purple-900
A100
.bg-purple-A100.text-auto
.bg-purple-A100
.text-purple-A100
A200
.bg-purple-A200.text-auto
.bg-purple-A200
.text-purple-A200
A400
.bg-purple-A400.text-auto
.bg-purple-A400
.text-purple-A400
A700
.bg-purple-A700.text-auto
.bg-purple-A700
.text-purple-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
red
500
#F44336
100
.bg-red-100.text-auto
.bg-red-100
.text-red-100
200
.bg-red-200.text-auto
.bg-red-200
.text-red-200
300
.bg-red-300.text-auto
.bg-red-300
.text-red-300
400
.bg-red-400.text-auto
.bg-red-400
.text-red-400
50
.bg-red-50.text-auto
.bg-red-50
.text-red-50
500
.bg-red-500.text-auto
.bg-red-500
.text-red-500
600
.bg-red-600.text-auto
.bg-red-600
.text-red-600
700
.bg-red-700.text-auto
.bg-red-700
.text-red-700
800
.bg-red-800.text-auto
.bg-red-800
.text-red-800
900
.bg-red-900.text-auto
.bg-red-900
.text-red-900
A100
.bg-red-A100.text-auto
.bg-red-A100
.text-red-A100
A200
.bg-red-A200.text-auto
.bg-red-A200
.text-red-A200
A400
.bg-red-A400.text-auto
.bg-red-A400
.text-red-A400
A700
.bg-red-A700.text-auto
.bg-red-A700
.text-red-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
teal
500
#009688
100
.bg-teal-100.text-auto
.bg-teal-100
.text-teal-100
200
.bg-teal-200.text-auto
.bg-teal-200
.text-teal-200
300
.bg-teal-300.text-auto
.bg-teal-300
.text-teal-300
400
.bg-teal-400.text-auto
.bg-teal-400
.text-teal-400
50
.bg-teal-50.text-auto
.bg-teal-50
.text-teal-50
500
.bg-teal-500.text-auto
.bg-teal-500
.text-teal-500
600
.bg-teal-600.text-auto
.bg-teal-600
.text-teal-600
700
.bg-teal-700.text-auto
.bg-teal-700
.text-teal-700
800
.bg-teal-800.text-auto
.bg-teal-800
.text-teal-800
900
.bg-teal-900.text-auto
.bg-teal-900
.text-teal-900
A100
.bg-teal-A100.text-auto
.bg-teal-A100
.text-teal-A100
A200
.bg-teal-A200.text-auto
.bg-teal-A200
.text-teal-A200
A400
.bg-teal-A400.text-auto
.bg-teal-A400
.text-teal-A400
A700
.bg-teal-A700.text-auto
.bg-teal-A700
.text-teal-A700
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
white
500
#FFFFFF
500
.bg-white-500.text-auto
.bg-white-500
.text-white-500
Fuse has classes for every single color from Material Design Color Palette for your convenient. You can use them with pretty much every element.
yellow
500
#FFEB3B
100
.bg-yellow-100.text-auto
.bg-yellow-100
.text-yellow-100
200
.bg-yellow-200.text-auto
.bg-yellow-200
.text-yellow-200
300
.bg-yellow-300.text-auto
.bg-yellow-300
.text-yellow-300
400
.bg-yellow-400.text-auto
.bg-yellow-400
.text-yellow-400
50
.bg-yellow-50.text-auto
.bg-yellow-50
.text-yellow-50
500
.bg-yellow-500.text-auto
.bg-yellow-500
.text-yellow-500
600
.bg-yellow-600.text-auto
.bg-yellow-600
.text-yellow-600
700
.bg-yellow-700.text-auto
.bg-yellow-700
.text-yellow-700
800
.bg-yellow-800.text-auto
.bg-yellow-800
.text-yellow-800
900
.bg-yellow-900.text-auto
.bg-yellow-900
.text-yellow-900
A100
.bg-yellow-A100.text-auto
.bg-yellow-A100
.text-yellow-A100
A200
.bg-yellow-A200.text-auto
.bg-yellow-A200
.text-yellow-A200
A400
.bg-yellow-A400.text-auto
.bg-yellow-A400
.text-yellow-A400
A700
.bg-yellow-A700.text-auto
.bg-yellow-A700
.text-yellow-A700
TODAY
Saturday
1 th Jan
Events

Group Meeting

In 32 Minutes, Room 1B

Public Beta Release

11:00 PM

Dinner with David

17:30 PM

Q&A Session

20:30 PM

Notes

Best songs to listen while working

Last edit: May 8th, 2015

Useful subreddits

Last edit: January 12th, 2015

Quick Settings

Notifications

Cloud Sync

Retro Thrusters