An attempt to solve problem with labels that hard to read.

materialui.co_material_design_colors.css

.color_table td
{
    color: rgba(255,255,255,1);
    padding: 0px;
}

.color_table td>p
{
    background-color: rgba(0, 0, 0, 0.3); /* opacity can be adjusted, but you get it */
    padding: 3px 5px; /* much clearer */
    margin: 16px 0 0 0; /* otherwise in situations where screen height is low, colors won't be seen clearly */
}