back to index
Basic colors
You can use these font also for text. Add the prefix "text" tot the class '.text-red-400'.
red-50
red-100
red-200
red-300
red-400
red
red-600
red-700
red-800
red-900
pink-50
pink-100
pink-200
pink-300
pink-400
pink
pink-600
pink-700
pink-800
pink-900
purple-50
purple-100
purple-200
purple-300
purple-400
purple
purple-600
purple-700
purple-800
purple-900
blue-50
blue-100
blue-200
blue-300
blue-400
blue
blue-600
blue-700
blue-800
blue-900
lightblue-50
lightblue-100
lightblue-200
lightblue-300
lightblue-400
lightblue
lightblue-600
lightblue-700
lightblue-800
lightblue-900
teal-50
teal-100
teal-200
teal-300
teal-400
teal
teal-600
teal-700
teal-800
teal-900
green-50
green-100
green-200
green-300
green-400
green
green-600
green-700
green-800
green-900
lightgreen-50
lightgreen-100
lightgreen-200
lightgreen-300
lightgreen-400
lightgreen
lightgreen-600
lightgreen-700
lightgreen-800
lightgreen-900
lime-50
lime-100
lime-200
lime-300
lime-400
lime
lime-600
lime-700
lime-800
lime-900
yellow-50
yellow-100
yellow-200
yellow-300
yellow-400
yellow
yellow-600
yellow-700
yellow-800
yellow-900
amber-50
amber-100
amber-200
amber-300
amber-400
amber
amber-600
amber-700
amber-800
amber-900
orange-50
orange-100
orange-200
orange-300
orange-400
orange
orange-600
orange-700
orange-800
orange-900
deeporange-50
deeporange-100
deeporange-200
deeporange-300
deeporange-400
deeporange
deeporange-600
deeporange-700
deeporange-800
deeporange-900
brown-50
brown-100
brown-200
brown-300
brown-400
brown
brown-600
brown-700
brown-800
brown-900
bluegrey-50
bluegrey-100
bluegrey-200
bluegrey-300
bluegrey-400
bluegrey
bluegrey-600
bluegrey-700
bluegrey-800
bluegrey-900
grey-50
grey-100
grey-200
grey-300
grey
grey
grey-600
grey-700
grey-800
grey-900
Fluor colors
red-a-100
red-a-200
red-a-400
red-a-700
pink-a-100
pink-a-200
pink-a-400
pink-a-700
purple-a-100
purple-a-200
purple-a-400
purple-a-700
blue-a-100
blue-a-200
blue-a-400
blue-a-700
lightblue-a-100
lightblue-a-200
lightblue-a-400
lightblue-a-700
teal-a-100
teal-a-200
teal-a-400
teal-a-700
green-a-100
green-a-200
green-a-400
green-a-700
lightgreen-a-100
lightgreen-a-200
lightgreen-a-400
lightgreen-a-700
lime-a-100
lime-a-200
lime-a-400
lime-a-700
yellow-a-100
yellow-a-200
yellow-a-400
yellow-a-700
amber-a-100
amber-a-200
amber-a-400
amber-a-700
orange-a-100
orange-a-200
orange-a-400
orange-a-700
deeporange-a-100
deeporange-a-200
deeporange-a-400
deeporange-a-700