Color
Background Colors
Primary Color
Primary Color
Primary Color
Primary Color
Primary Color
Primary Color
Primary Color
Primary Color
Primary Color
Primary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Light Color
Light Color
Light Color
Light Color
Light Color
Light Color
Light Color
Light Color
Light Color
Light Color
Black Color
Black Color
Black Color
Black Color
Black Color
Black Color
Black Color
Black Color
Black Color
Black Color
Grey Color
Grey Color
Grey Color
Grey Color
Grey Color
Grey Color
Grey Color
Grey Color
Grey Color
Grey Color
Info Color
Warning Color
Error Color
Success Color
Pink Color
<div class="bg-container w-full h-5 bg-primary">Primary Color</div>
<div class="bg-container w-full h-5 bg-primary-1">Primary Color</div>
<div class="bg-container w-full h-5 bg-primary-9">Primary Color</div>
<div class="bg-container w-full h-5 bg-secondary">Secondary Color</div>
<div class="bg-container w-full h-5 bg-secondary-1">Secondary Color</div>
<div class="bg-container w-full h-5 bg-secondary-9">Secondary Color</div>
<div class="bg-container w-full h-5 bg-tertiary">Tertiary Color</div>
<div class="bg-container w-full h-5 bg-tertiary-1">Tertiary Color</div>
<div class="bg-container w-full h-5 bg-tertiary-9">Tertiary Color</div>
<div class="bg-container w-full h-5 bg-light text-dark">Light Color</div>
<div class="bg-container w-full h-5 bg-light-1 text-dark">Light Color</div>
<div class="bg-container w-full h-5 bg-light-9 text-dark">Light Color</div>
<div class="bg-container w-full h-5 bg-black">Black Color</div>
<div class="bg-container w-full h-5 bg-black-1">Black Color</div>
<div class="bg-container w-full h-5 bg-black-9">Black Color</div>
<div class="bg-container w-full h-5 bg-grey">Grey Color</div>
<div class="bg-container w-full h-5 bg-grey-1">Grey Color</div>
<div class="bg-container w-full h-5 bg-grey-9">Grey Color</div>
<div class="bg-container w-full h-5 bg-info">Info Color</div>
<div class="bg-container w-full h-5 bg-warning text-dark">Warning Color</div>
<div class="bg-container w-full h-5 bg-error">Error Color</div>
<div class="bg-container w-full h-5 bg-success">Success Color</div>
<div class="bg-container w-full h-5 bg-pink">Pink Color</div> Text Colors
Primary Color
Primary Color
Primary Color
Primary Color
Primary Color
Primary Color
Primary Color
Primary Color
Primary Color
Primary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Tertiary Color
Light Color
Light Color
Light Color
Light Color
Light Color
Light Color
Light Color
Light Color
Light Color
Light Color
Black Color
Black Color
Black Color
Black Color
Black Color
Black Color
Black Color
Black Color
Black Color
Black Color
Grey Color
Grey Color
Grey Color
Grey Color
Grey Color
Grey Color
Grey Color
Grey Color
Grey Color
Grey Color
Info Color
Warning Color
Error Color
Success Color
Pink Color
<h1 class="bg-container w-full h-5 text-primary">Primary Color</div>
<h1 class="text-container w-full h-5 text-primary-1">Primary Color</div>
<h1 class="text-container w-full h-5 text-primary-9">Primary Color</div>
<h1 class="text-container w-full h-5 text-secondary">Secondary Color</div>
<h1 class="text-container w-full h-5 text-secondary-1">Secondary Color</div>
<h1 class="text-container w-full h-5 text-secondary-9">Secondary Color</div>
<h1 class="text-container w-full h-5 text-tertiary">Tertiary Color</div>
<h1 class="text-container w-full h-5 text-tertiary-1">Tertiary Color</div>
<h1 class="text-container w-full h-5 text-tertiary-9">Tertiary Color</div>
<h1 class="text-container w-full h-5 text-light ">Light Color</div>
<h1 class="text-container w-full h-5 text-light-1 ">Light Color</div>
<h1 class="text-container w-full h-5 text-light-9 ">Light Color</div>
<h1 class="text-container w-full h-5 text-black">Black Color</div>
<h1 class="text-container w-full h-5 text-black-1">Black Color</div>
<h1 class="text-container w-full h-5 text-black-9">Black Color</div>
<h1 class="text-container w-full h-5 text-grey">Grey Color</div>
<h1 class="text-container w-full h-5 text-grey-1">Grey Color</div>
<h1 class="text-container w-full h-5 text-grey-9">Grey Color</div>
<h1 class="text-container w-full h-5 text-info">Info Color</div>
<h1 class="text-container w-full h-5 text-warning ">Warning Color</div>
<h1 class="text-container w-full h-5 text-error">Error Color</div>
<h1 class="text-container w-full h-5 text-success">Success Color</div>
<h1 class="text-container w-full h-5 text-pink">Pink Color</div>