Color system question

I searched other topics yet none have answered my question.

What is the reasoning behind naming colors, blue-100, blue-200, etc?

Is this naming convention for a specific software program, and is it needed?

Thank you.

Numbers usually mean colour intensity. Have a read to get a better idea behind it

Also, you may check this plugin - https://www.figma.com/community/plugin/1297031341980383999/source-foundation

There is a playground file with design examples where you can see the system described in the article and how it works with real designs. Plus there is a comprehensive guide on how to use colours.

Feel free to bring questions, will be happy to elaborate

1 Like

Thank you so very much. I always used % for the colors, this seems to be closely related, yet your plug-in helped so much! Thank you Pavel!