Natural Color
Natural colors for text and boxes.
color-[number]
Aa
color-0
Aa
color-1
Aa
color-2
Aa
color-3
Aa
color-4
Aa
color-5
Aa
color-6
Aa
color-7
Aa
color-8
Aa
color-9
Aa
color-10
Aa
color-11
Aa
color-12
Aa
color-13
Aa
color-14
Aa
color-15
Aa
color-16
Aa
color-17
Aa
color-18
Aa
color-19
Aa
color-20
Aa
color-21
Aa
color-22
Aa
color-23
Aa
color-24
Aa
color-25
Aa
color-26
Aa
color-27
Aa
color-28
Aa
color-29
Aa
color-30
Create an HTML tag suitable for displaying text such as <p> or <h1>, and apply a color-[number] class.
<p class="color-15"></p>
For color backgrounds, create a <div> tag and add the -bg suffix.
<div class="color-15-bg"></div>