Cores
Branding
Cores principais da marca
Primaria
$primary
#e14043
Primaria Escuro
$primary-dark
#b60f11
Primaria Claro
$primary-light
#f36d6f
Secundaria
$secondary
#325e79
Secundaria Escuro
$secondary-dark
#1c3545
Secundaria Claro
$secondary-light
#4889b1
Complementares
Cores para complementar
Laranja
$brand-orange
#d85336
Vermelho
$brand-red
#e23d40
Violeta
$brand-violet
#a7334f
Degradê Light
$degrade-light
Salmão
$brand-salmon
#db6f63
Roxo
$brand-purple
#571e41
Degradê Dark
$degrade-dark
Auxiliares
Principalmente para uso em backgrounds use .bg-$cor
Preto
$black
#333333
Corpo de texto
$text-body
#737e86
Cinza escuro
$deep
#eeeeee
Cinza médio
$medium
#f1f4f5
Cinza claro
$shallow
#fcfcfc
Branco
$white
#ffffff
Cores do sistema
Cores usadas para ações em botões, alertas e elementos. Para dar feedbacks positivos ou mensagens de erro.
Para textos use .text-success e para backgrounds user .bg-success por exemplo.
Sucesso
$success
#13ce66
Erro
$danger
#ff4949
Aviso
$warning
#ffc82c
Informação
$info
#1589C1
Escuro
$dark
#343a40
Claro
$light
#f8f9fa