Skip to main content
Skip to navigation
$
invisi.dev
~/thoughts/on/code
<
about
/>
<
blog
/>
<
design-tokens
/>
Loading theme toggle
Design System Token Colors
Colors from the Style Dictionary tokens
Brand Primary
50
100
200
300
400
500
600
700
800
900
Brand Secondary
50
100
200
300
400
500
600
700
800
900
Brand Accent
50
100
200
300
400
500
600
700
800
900
Brand Pink
50
100
200
300
400
500
600
700
800
900
Neutral Gray
50
100
200
300
400
500
600
700
800
900
Semantic Colors
Success
50
500
600
900
Warning
50
500
600
900
Error
50
500
600
900
Info
50
500
600
900
Base Colors
white
black