Colors & Typography
Typography
Heading 1
Heading 1 Italic
Heading 1 Bold
Heading 1 Bold Italic
Palettes
Gray Scale
bg-gray-50
bg-gray-100
bg-gray-200
bg-gray-300
bg-gray-400
bg-gray-500
bg-gray-600
bg-gray-700
bg-gray-800
bg-gray-900
bg-gray-950
Primary
Ab 123
bg-primary text-on-primary
Ab
bg-primary-100
Ab
bg-primary-200
Ab
bg-primary-300
Ab
bg-primary-400
Ab
bg-primary-500
Ab
bg-primary-600
Ab
bg-primary-700
Ab
bg-primary-800
Ab
bg-primary-900
Ab
bg-primary-950
OLED Support
Classes like oled:bg-oled can be used.
Ab
bg-oled
Ab
bg-oled-100
Ab
bg-oled-200
Ab
bg-oled-300
Ab
bg-oled-400
Ab
bg-oled-500
Ab
bg-oled-600
Ab
bg-oled-red
Ab
bg-oled-orange
Ab
bg-oled-amber
Ab
bg-oled-yellow
Ab
bg-oled-green
Ab
bg-oled-teal
Ab
bg-oled-blue
Ab
bg-oled-sky
Ab
bg-oled-indigo
Ab
bg-oled-purple
Ab
bg-oled-fuchsia
Ab
bg-oled-pink
Color Picker
Live Preview
v-model Value
{
"r": 21,
"g": 128,
"b": 251,
"a": 1
}