Developer
Intros How it works API reference Turbo CSS Fundamentals What is Turbo CSS? API first Portable code Zero side-effects Using in an existing codebase Multiple Turbo instances Future Turbo versions Browser support Compilation Utility functions Negative values Selectors, combinators Libraries User defined classes Color syntax Color names Default colors values Utilities Selectors Download Turbo UI
Turbo Playground
License Blog
Overview
What is Turbo CSS? API first Portable code Zero side-effects Using in an existing codebase Multiple Turbo instances Future Turbo versions Browser support Compilation
The Language
Utility functions Negative values Selectors, combinators Libraries User defined classes
Color system
Color syntax Color names Default colors values

Default colors values

Color scales

red
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
pink
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
purple
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
blue
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
cyan
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
green
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
yellow
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
orange
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
gray
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
brand
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
brand2
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
brand3
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
action
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
info
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
success
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
warning
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
danger
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950

Color points

text
heading
link
linkHover
linkVisited
linkVisitedHover
Platform
Boomla Store Website Builder Changelog Status
Learn
Intros How it works API reference Turbo CSS Glossary
Company
Contact Support About
Get involved
WishList