Color Palette

HTML

<div id='currentColor'>Color: </div>
<div id='colors'>
    <a title="Wicked" style="background-color: rgb(70, 60, 65);"/>
    <a title="Tallulah" style="background-color: rgb(95, 58, 61);"/>
    <a title="Merlot" style="background-color: rgb(79, 56, 57);"/>
    <a title="Speakeasy" style="background-color: rgb(87, 50, 65);"/>
    <a title="Tamarind" style="background-color: rgb(95, 68, 74);"/>
    <a title="Oxford" style="background-color: rgb(101, 64, 60);"/>
    <a title="Mulberry" style="background-color: rgb(111, 70, 83);"/>
    <a title="Crantini" style="background-color: rgb(128, 81, 87);"/>
    <a title="Sangria" style="background-color: rgb(121, 87, 90);"/>
    <a title="Pueblo" style="background-color: rgb(141, 108, 109);"/>
    <a title="Bel Ange Rose" style="background-color: rgb(167, 123, 127);"/>
    <a title="Foxglove" style="background-color: rgb(200, 143, 120);"/>
    <a title="Cactus Bloom" style="background-color: rgb(230, 191, 164);"/>
    <a title="Pillow Talk" style="background-color: rgb(240, 221, 211);"/>
</div>

CSS

#colors a {
    height: 30px;
    width: 30px;
    display: block;
}

JavaScript

$(function () {
    $('#colors').on({
        mouseenter: function () {
            $('#currentColor').text("Color: " + this.title);
        },
        mouseleave: function () {
            $('#currentColor').text("Color: ");
        }
    }, 'a');
});