# Uso

Nesta seção aprenderemos a usar as cores (ver Paleta de cores abaixo) no texto e no fundo.

Cor de fundo

Para aplicar uma cor de fundo, basta adicionar o nome da cor como uma classe do elemento.
Cor de fundo blue-light

<div class="card blue-light">Cor de fundo blue-light</div>

Cor do texto

Para aplicar uma cor no texto, deve-se adicionar t- antes do nome da cor como classe do elemento.
Cor do texto t-blue

<div class="card t-blue">Cor do texto t-blue</div>

# Paleta de cores

Red

red-light
red
red-darken

Pink

pink-light
pink
pink-darken

Purple

purple-light
purple
purple-darken

Indigo

indigo-light
indigo
indigo-darken

Blue

blue-light
blue
blue-darken

Cyan

cyan-light
cyan
cyan-darken

Teal

teal-light
teal
teal-darken

Green

green-light
green
green-darken

Lime

lime-light
lime
lime-darken

Yellow

yellow-light
yellow
yellow-darken

Amber

amber-light
amber
amber-darken

Orange

orange-light
orange
orange-darken

Brown

brown-light
brown
brown-darken

Grey

grey-light
grey
grey-darken

Others

black
white
transparent