A simple CSS file consists of pokemon type (as class name) with its color hex code

pokemon-types-color.css

.normal {
    background-color: #aab09f;
}
.fire {
    background-color: #ee8130;
}
.fighting {
    background-color: #cb5f48;
}
.water {
    background-color: #6390f0;
}
.poison {
    background-color: #a33ea1;
}
.electric {
    background-color: #f7d02c;
}
.ground {
    background-color: #e2bf65;
}
.grass {
    background-color: #7ac74c;
}
.flying {
    background-color: #7da6de;
}
.ice {
    background-color: #96d9d6;
}
.bug {
    background-color: #a6b91a;
}
.psychic {
    background-color: #f95587;
}
.rock {
    background-color: #b6a136;
}
.dragon {
    background-color: #6a7baf;
}
.ghost {
    background-color: #735797;
}
.dark {
    background-color: #736c75;
}
.steel {
    background-color: #89a1b0;
}
.fairy {
    background-color: #d685ad;
}