Base Colors
Variations
Scale
no filters
brighten: 2
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, saturation: 0
saturation: 0
brighten: 3, saturation: 0
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, hue: 0
hue: 0
brighten: 3, hue: 0
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, hue: 30
hue: 30
brighten: 3, hue: 30
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, hue: 60
hue: 60
brighten: 3, hue: 60
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, hue: 90
hue: 90
brighten: 3, hue: 90
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, hue: 120
hue: 120
brighten: 3, hue: 120
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, hue: 150
hue: 150
brighten: 3, hue: 150
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, hue: 180
hue: 180
brighten: 3, hue: 180
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, hue: 210
hue: 210
brighten: 3, hue: 210
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, hue: 240
hue: 240
brighten: 3, hue: 240
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, hue: 270
hue: 270
brighten: 3, hue: 270
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, hue: 300
hue: 300
brighten: 3, hue: 300
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
Scale
darken: 3, hue: 330
hue: 330
brighten: 3, hue: 330
Size
Copy…
Figma/Sketch
Tailwind (JS)
Comma-separated
New variation