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 settingsAccessibility statement