icon-color: could not parse color from value 'null'

[sainathsanga]

Hello, I am using SDF icons for a symbol layer and trying to assign color based on data accessors. Here is the layer:

          {
            "id": "Metro node",
            "type": "symbol",
            "source": "transit",
            "source-layer": "metro_nodes",
            "minzoom": 10,
            "layout": {
              "icon-allow-overlap": false,
              "icon-anchor": "bottom",
              "icon-image": "metro_station",
              "icon-keep-upright": true,
              "icon-pitch-alignment": "viewport",
              "icon-size": {
                "stops": [[12,1],[14, 1], [18, 3], [20, 4]]
              },
              "icon-text-fit": "none",
              "text-anchor": "top",
              "text-field": [
                "coalesce",
                ["get", "name:en"],
                ["get", "name"]
              ],
              "text-font": [
                "Noto Sans Regular"
              ],
              "text-max-width": 14,
              "text-padding": 2,
              "text-size": {
                "stops": [[12,0], [14, 13], [16, 15], [20, 17]]
              },
              "visibility": "visible" 
            },
            "paint": {
              "icon-color": ["get", "color"], 
              "icon-translate-anchor": "map",
              "text-color": "hsl(152, 0%, 0%)",
              "text-halo-color": "hsl(0, 0%, 100%)",
              "text-halo-width": 0.8,
              "text-translate": [0, 4],
              "text-translate-anchor": "viewport" 
            }
          }

I am seeing could not parse color from value 'null'. I have triple checked the geojson file I used for creating tiles and confirmed that there are no null values for properties "color". I checked the tiles metadata in pmtiles and confirmed field color: "String"

I am using hsl format like: "hsl(11, 80%, 56%)"

I use the same method of creating geojson file and tiles for linestring data and use line-color: ["get", "color"] and this works perfectly fine.

I have tried:

"icon-color": ["get", "color"], "icon-color": ["to-color", ["get", "color"]], "icon-color": ["to-string", ["get", "color"]]

I have tried "icon-color": "hsl(11, 80%, 56%)" and it works fine.

Thank you for your time.

[HarelM]

Can you provide a jsbin to reproduce the issue?

[sainathsanga]

Hey, I just figured it out. It was color format on my data! Thank you for your time.