[
    {
        "id": 1,
        "name": "1",
        "color": "#ea4fb2",
        "hover_bg": "#ea4fb2",
        "hover_on_bg": "white"
    },
    {
        "id": 2,
        "name": "2",
        "color": "black",
        "hover_bg": "black",
        "hover_on_bg": "white"
    },
    {
        "id": 3,
        "name": "3",
        "color": "#eab308",
        "hover_bg": "#eab308",
        "hover_on_bg": "white"
    },
    {
        "id": 4,
        "name": "4",
        "color": "#ff7300",
        "hover_bg": "#ff7300",
        "hover_on_bg": "white"
    },
    {
        "id": 5,
        "name": "5",
        "color": "#b8860b",
        "hover_bg": "#b8860b",
        "hover_on_bg": "white"
    }
]