Menu com duas cores

1. Vá até modelo > editar HTML, clique em qualquer parte da caixinha e pressione ctrl + F. Procure por ]]></b:skin> e acima dessa tag, cole o código que se refere à cor que você deseja:

#tags{
background-color: #e5e1e7;
width: 56px;
height: 12px;
font-family: verdana;
font-size: 11px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 3px;
margin-bottom: 3px;
color: #b2a1ad;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 5px #dcd5df;
-moz-box-shadow:    inset 0 0 5px #dcd5df;
box-shadow:         inset 0 0 5px #dcd5df;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#tags2{
background-color: #ffe4ea;
width: 56px;
height: 12px;
float: left;
font-family: verdana;
font-size: 11px;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 3px;
margin-bottom: 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 5px #fdd7df;
-moz-box-shadow:    inset 0 0 5px #fdd7df;
box-shadow:         inset 0 0 5px #fdd7df;
color: #f7b0bf;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#tags{
background-color: #edeccf;
width: 56px;
height: 12px;
font-family: verdana;
font-size: 11px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 3px;
margin-bottom: 3px;
color: #c9c79a;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 5px #dfddb5;
-moz-box-shadow:    inset 0 0 5px #dfddb5;
box-shadow:         inset 0 0 5px #dfddb5;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#tags2{
background-color: #ffe4ea;
width: 56px;
height: 12px;
float: left;
font-family: verdana;
font-size: 11px;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 3px;
margin-bottom: 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 5px #fdd7df;
-moz-box-shadow:    inset 0 0 5px #fdd7df;
box-shadow:         inset 0 0 5px #fdd7df;
color: #f7b0bf;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#tags{
background-color: #ffecdb;
width: 56px;
height: 12px;
font-family: verdana;
font-size: 11px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 3px;
margin-bottom: 3px;
color: #f4b985;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 5px #f9e3cf;
-moz-box-shadow:    inset 0 0 5px #f9e3cf;
box-shadow:         inset 0 0 5px #f9e3cf;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#tags2{
background-color: #e3dbdf;
width: 56px;
height: 12px;
float: left;
font-family: verdana;
font-size: 11px;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 3px;
margin-bottom: 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 5px #e2d6de;
-moz-box-shadow:    inset 0 0 5px #e2d6de;
box-shadow:         inset 0 0 5px #e2d6de;
color: #b3999a;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

2. Em um gadget de HTML/JavaScript, cole o código abaixo. Lembre-se de editar o necessário.

<a href="seu link" id="tags">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags">Texto</a>
<a href="seu link" id="tags2">Texto</a>