blue
- 50
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
Full spectrum of generated color scales. Click any swatch to adjust the global theme variable.
Usage example: background: color(blue-500)
.my-element {
background-color: color(blue-600);
color: color(gray-50);
}Click on any color swatch to update the UX-DSL token.