Template:Rarity/styles.css

/* Fish rarity badges. Colors are chosen to stay distinct from the quality
   tier badges (regular/silver/gold/pristine) so the two never get confused. */
.sh-rarity {
	display: inline-block;
	font-family: 'VT323', monospace;
	font-size: 1.05em;
	line-height: 1.25;
	letter-spacing: 0.5px;
	padding: 0 8px 1px;
	border: 2px solid rgba(44, 24, 16, 0.25);
	border-radius: 4px;
	white-space: nowrap;
}

.sh-rarity-common { background: #8D7E72; color: #FFF8F0; }
.sh-rarity-uncommon { background: #5FAD41; color: #FFF8F0; }
.sh-rarity-rare { background: #3A8DC4; color: #FFF8F0; }
.sh-rarity-legendary { background: #E9A034; color: #2C1810; }