Colors
Rules of colors throughout the system.
Tokens
The color palette is inspired from Vercel.
Color tokens in BrifUI are organized into 2 layers:
- Common color tokens
- Semantic color tokens
Common colors
White & Black
Gray
Blue
Red
Amber
Green
Teal
Purple
Pink
Semantic colors
Background
default
muted
hover
active
disabled
Text
default
muted
hover
active
disabled
Border
default
muted
hover
active
disabled
Default
default
foreground
hover
active
Primary
default
foreground
hover
active
Warning
default
foreground
hover
active
Error
default
foreground
hover
active