사용가능한 컬러명은 다음과 같다.
- slate
- gray
- zinc
- neutral
- stone
- red
- orange
- amber
- yellow
- lime
- green
- emerald
- teal
- cyan
- sky
- blue
- indigo
- violet
- purple
- fuchsia
- pink
- rose
다음과 같이 조합해서 사용한다.
- css속성-컬러명-숫자(색상별 채도/밝기순)
[text|bg|border|shadow|outline|divide|ring|ring-offset|from|to]-컬러명-[50|100|200|300|400|500|600|700|800|900|950]
컬러명이 존재하지 않는 컬러는 다음과 같이 hexa number로 지정해 사용한다.
text-[#123456]-300