.color-white {
  background-color: #fff;
}
.color-black {
  background-color: #000;
}
.color-indigo {
  background-color: #4332CF;
}
.color-blue {
  background-color: #2F8FED;
}
.color-green {
  background-color: #4DCF42;
}
.color-yellow {
  background-color: #FAEB33;
}
.color-orange {
  background-color: #F19031;
}
.color-red {
  background-color: #F2293A;
}
.color-pastelblue{
  background-color: #C8EEFF;
}
.color-pastelpink{
  background-color: #ffd1dc;
}
.color-beige{
  background-color: #F5DFC1;
}
.color-forest{
  background-color: #0C4029;
}
.color-grey{
  background-color: #87827E;
}
.color-pastelorange{
  background-color: #FCD4AE;
}
.color-burntorange{
  background-color: #a0522d;
}
.color-brown{
  background-color: #8e6e6a;
}
.color-navy{
  background-color: #26323c;
}
.color-cityblue{
  background-color: #2E3C44;
}
.color-tropicblue{
  background-color: #73B2D9;
}
.color-earth{
  background-color: #857671;
}
.color-salmon{
  background-color: #FFE0D9;
}
.color-purple{
  background-color: #7f5992;
}