Hey ​@Rutuparna , thank you for reporting this issue!

After reviewing the details, it looks like the issue might be related to how the colors are being displayed in Dev Mode.

After checking with the engineering team, they confirm that gradient syntax is correctly applied when multiple colors are used. (In order to blend multiple colours together, in CSS you need to turn them into this gradient format.)

Still, we’d like to clarify a few things. Hidden colors should be filtered out in Dev Mode. However, if hidden colors are still showing up in your case, this could be worth further investigation. 

• In your screenshot, it’s only showing the 2 non-hidden colours, and shows correct gradient syntax.
• But, in your description, it look like 3 colours are being shown and 1 colour is listed without the gradient syntax. If possible, could you share a screenshot that shows this behavior?

Hi Celine, thank you for your response. But the problem is, it converts single hex value to a gradient value in dev mode whereas it’s just a solid colour. In the above example it converts solid red colour into a linear gradient instead.

Thanks for the details! Our team would like to investigate it further.
Can you please share here a link of your file (or, if you can just create a file with nothing else but a rectangle showing the issue) and share edit access to the file with support-share@figma.com as an Editor? (You won’t be charged for this)

This will help us to look more in details. Thank you! 

I have draft view only link: https://www.figma.com/design/JizV5o1JuL2VshzHkLFXiU/Background-Colour-Issue?node-id=0-1&t=sGNrUX8vnB2c1E4U-1

Thank you for sharing the URL of the file!
Please also share edit access to the file with support-share@figma.com as an Editor. We need access to the file in order to investigate it. More guidance here: Share files and protoypes.
Thank you!