Auto Light Dark Light moss Dark moss
Home Bookmarks How should you name your colors in a Design System?

How should you name your colors in a Design System?

https://uxdesign.cc/how-should-you-name-your-colors-in-a-design-system-3086513476df

"Naming Conventions

  • Definitive naming (Avoid!!!)
  • Semantic naming (Describe color intent)
  • Contextual naming (Describe color use)

Combining Semantic+Contextual

  • Semantic for Designers
  • Contextual for Engineers

Color weights

  • Semantic+weighted (tints/shades with numbers)
  • Meaningful/useful weights (Use of L* values)
  • Incidental vs. Essential weights (WCAG compliance)"