Color Atoms
Use the color atoms as you see fit to design versatile designs in Framer.
Background
Main Colors
Bg-Main
#Neutral-600
Bg-Second
#Neutral-600
Bg-Third
#Neutral-600
Bg-Primary-Main
#Neutral-600
Bg-Primary-Second
#Neutral-600
System Colors
Bg-Success-Main
#Neutral-600
Bg-Success-Second
#Neutral-600
Bg-Warning-Main
#Neutral-600
Bg-Warning-Second
#Neutral-600
Bg-Error-Main
#Neutral-600
Bg-Error-Second
#Neutral-600
Text & Icons
Main Colors
txt-Main
#Neutral-600
txt-Second
#Neutral-600
txt-Third
#Neutral-600
txt-onColor
#Neutral-600
txt-Disabled
#Neutral-600
System Colors
txt-Primary
#Neutral-600
Bg-Purple-Main
#Neutral-600
txt-Success
#Neutral-600
txt-Warning
#Neutral-600
txt-Error
#Neutral-600
Stroke
Main Colors
stroke-Base
#Neutral-600
stroke-Primary
#Primary-700
Stroke-Purple
#Purple-700
System Colors
stroke-Success
#Success-600
stroke-Warning
#Warning-600
stroke-Error
#Error-600