.color {margin: 20px 0px; padding: 20px; font-size: 14px; border-radius: 5px;}

.color.turquoise {border: 2px solid #1abc9c; background: rgba(26, 188, 156, 0.2);}
.color.green-sea {border: 2px solid #16a085; background: rgba(22, 160, 133, 0.2);}
.color.emerland {border: 2px solid #2ecc71; background: rgba(46, 204, 113, 0.2);}
.color.nephritis {border: 2px solid #27ae60; background: rgba(39, 174, 96, 0.2);}
.color.peter-river {border: 2px solid #3498db; background: rgba(52, 152, 219, 0.2);}
.color.belize-hole {border: 2px solid #2980b9; background: rgba(41, 128, 185, 0.2);}
.color.amethyst {border: 2px solid #a66bbe; background: rgba(166, 107, 190, 0.2);}
.color.wisteria {border: 2px solid #8e44ad; background: rgba(142, 68, 173, 0.2);}
.color.wet-asphalt {border: 2px solid #34495e; background: rgba(52, 73, 94, 0.2);}
.color.midnight-blue {border: 2px solid #2c3e50; background: rgba(44, 62, 80, 0.2);}
.color.sun-flower {border: 2px solid #f1c40f; background: rgba(241, 196, 15, 0.2);}
.color.orange {border: 2px solid #f39c12; background: rgba(243, 156, 18, 0.2);}
.color.carrot {border: 2px solid #e67e22; background: rgba(230, 126, 34, 0.2);}
.color.pumpkin {border: 2px solid #d35400; background: rgba(211, 84, 0, 0.2);}
.color.alizarin {border: 2px solid #e74c3c; background: rgba(231, 76, 60, 0.2);}
.color.pomegranate {border: 2px solid #c0392b; background: rgba(192, 57, 43, 0.2);}
.color.clouds {border: 2px solid #ecf0f1; background: rgba(236, 240, 241, 0.2);}
.color.silver {border: 2px solid #bdc3c7; background: rgba(189, 195, 199, 0.2);}
.color.concrete {border: 2px solid #95a5a6; background: rgba(149, 165, 166, 0.2);}
.color.asbestos {border: 2px solid #7f8c8d; background: rgba(127, 140, 141, 0.2);}