Red
.text-color-red-### (Default: .text-color-red)
100
200
300
400
500*
600
700
800
900
.background-color-red-### (Default: .background-color-red)
100
200
300
400
500*
600
700
800
900
*: Default
Orange
.text-color-orange-### (Default: .text-color-orange)
100
200
300
400
500*
600
700
800
900
.background-color-orange-### (Default: .background-color-orange)
100
200
300
400
500*
600
700
800
900
*: Default
Yellow
.text-color-yellow-### (Default: .text-color-yellow)
100
200
300
400
500*
600
700
800
900
.background-color-yellow-### (Default: .background-color-yellow)
100
200
300
400
500*
600
700
800
900
*: Default
Lime
.text-color-lime-### (Default: .text-color-lime)
100
200
300
400
500*
600
700
800
900
.background-color-lime-### (Default: .background-color-lime)
100
200
300
400
500*
600
700
800
900
*: Default
Green
.text-color-green-### (Default: .text-color-green)
100
200
300
400
500*
600
700
800
900
.background-color-green-### (Default: .background-color-green)
100
200
300
400
500*
600
700
800
900
*: Default
Mint
.text-color-mint-### (Default: .text-color-mint)
100
200
300
400
500*
600
700
800
900
.background-color-mint-### (Default: .background-color-mint)
100
200
300
400
500*
600
700
800
900
*: Default
Teal
.text-color-teal-### (Default: .text-color-teal)
100
200
300
400
500*
600
700
800
900
.background-color-teal-### (Default: .background-color-teal)
100
200
300
400
500*
600
700
800
900
*: Default
Azure
.text-color-azure-### (Default: .text-color-azure)
100
200
300
400
500*
600
700
800
900
.background-color-azure-### (Default: .background-color-azure)
100
200
300
400
500*
600
700
800
900
*: Default
Blue
.text-color-blue-### (Default: .text-color-blue)
100
200
300
400
500*
600
700
800
900
.background-color-blue-### (Default: .background-color-blue)
100
200
300
400
500*
600
700
800
900
*: Default
Purple
.text-color-purple-### (Default: .text-color-purple)
100
200
300
400
500*
600
700
800
900
.background-color-purple-### (Default: .background-color-purple)
100
200
300
400
500*
600
700
800
900
*: Default
Magenta
.text-color-magenta-### (Default: .text-color-magenta)
100
200
300
400
500*
600
700
800
900
.background-color-magenta-### (Default: .background-color-magenta)
100
200
300
400
500*
600
700
800
900
*: Default
Pink
.text-color-pink-### (Default: .text-color-pink)
100
200
300
400
500*
600
700
800
900
.background-color-pink-### (Default: .background-color-pink)
100
200
300
400
500*
600
700
800
900
*: Default
Neutral
.text-color-neutral-### (Default: .text-color-neutral)
100
200
300
400
500*
600
700
800
900
.background-color-neutral-### (Default: .background-color-neutral)
100
200
300
400
500*
600
700
800
900
*: Default