In the map above, there are 5 distinct colors, each signifying a different status.
The counties are geoJSON polygons, styled as follows:
case 'Not reporting': return {color:"#ffefd5", weight: 1, opacity:1, fillcolor: "#ffefd5", fillopacity: 0.9, fill: true};
case 'LIV': return {color:"#006699", weight: 1, opacity:1, fillcolor: "#006699", fillopacity: 0.9, fill: true};
case 'LIII': return {color:"#ff9b00", weight: 1, opacity:1, fillcolor: "#ff9b00", fillopacity: 0.9, fill: true};
case 'LII': return {color:"#eb3f00", weight: 1, opacity:1, fillcolor: "#eb3f00", fillopacity: 0.9, fill: true};
case 'LI': return {color:"#cc0033", weight: 1, opacity:1, fillcolor: "#cc0033", fillopacity: 0.9, fill: true};
The problem I have is that three of the colors look way too similar, and changing the fillopacity seems to do nothing to help (I know the background of the tiles will interfere)