Color Swatch

colors

.turquoise.background {
  background-color: #1ABC9C;
}
.turquoise.text {
  color: #1ABC9C;
}
.turquoise.border {
  border-color: #1ABC9C;
}

.turquoise-dark.background {
  background-color: #16A085;
}
.turquoise-dark.text {
  color: #16A085;
}
.turquoise-dark.border {
  border-color: #16A085;
}

.green.background {
  background-color: #2ECC71;
}
.green.text {
  color: #2ECC71;
}
.green.border {
  border-color: #2ECC71;
}

.green-dark.background {
  background-color: #27AE60;
}
.green-dark.text {
 color: #27AE60;
}
.green-dark.border {
  border-color: #27AE60;
}

.blue.background {
  background-color: #3498DB;
}
.blue.text {
  color: #3498DB;
}
.blue.border {
  border-color: #3498DB;
}

.blue-dark.background {
  background-color: #2980B9;
}
.blue-dark.text {
 color: #2980B9;
}
.blue-dark.border {
  border-color: #2980B9;
}


.purple {
  background-color: #9B59B6;
}
.purple.text {
  color: #9B59B6;
}
.purple.border {
  border-color: #9B59B6;
}

.purple-dark.background {
  background-color: #8E44AD;
}
.purple-dark.text {
  color: #8E44AD;
}
.purple-dark.border {
  border-color: #8E44AD;
}

.midnight.background {
  background-color: #34495E;
}
.midnight.text {
  color: #34495E;
}
.midnight.border {
  border-color: #34495E;
}


.midnight-dark.background {
  background-color: #2C3E50;
}
.midnight-dark.text {
  color: #2C3E50;
}
.midnight-dark.border {
  border-color: #2C3E50;
}

.yellow.background {
  background-color: #F1C40F;
}
.yellow.text {
  color: #F1C40F;
}
.yellow.border {
  border-color: #F1C40F;
}


.yellow-dark.background {
  background-color: #F39C12;
}
.yellow-dark.text {
  color: #F39C12;
}
.yellow-dark.border {
  border-color: #F39C12;
}

.orange.background {
  background-color: #E67E22;
}
.orange.text {
  color: #E67E22;
}
.orange.border {
  border-color: #E67E22;
}

.orange-dark.background {
  background-color: #D35400;
}
.orange-dark.text {
  color: #D35400;
}
.orange-dark.border {
  border-color: #D35400;
}


.red.background {
  background-color: #E74C3C;
}
.red.text {
  color: #E74C3C;
}
.red.border {
  border-color: #E74C3C;
}

.red-dark.background {
  background-color: #C0392B;
}
.red-dark.text {
  color: #C0392B;
}
.red-dark.border {
  border-color: #C0392B;
}

.silver.background {
  background-color: #ECF0F1;
}
.silver.text {
  color: #ECF0F1;
}
.silver.border {
  border-color: #ECF0F1;
}

.silver-dark.background {
  background-color: #BDC3C7;
}
.silver-dark.text {
  color: #BDC3C7;
}
.silver-dark.border {
  border-color: #BDC3C7;
}

.grey.background {
  background-color: #95A5A6;
}
.grey.text {
  color: #95A5A6;
}
.grey.border {
  border-color: #95A5A6;
}

.grey-dark.background {
  background-color: #7F8C8D;
}
.grey-dark.text {
  color: #7F8C8D;
}
.grey-dark.border {
  border-color: #7F8C8D;
}