Skip to main content

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


Medium – 23 Feb 24

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

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!

Terms & ConditionsCookie settings