• New Cover Page
  • Main Page
  • Paper Resources
  • About
  • Menu

Natasha VEGA

*not just a star in the sky
  • New Cover Page
  • Main Page
  • Paper Resources
  • About

Naming Colors in Design Systems

February 22, 2023

“If we were to imagine an orange on the blue side or violet on the yellow side, it would give us the same impression as a north wind coming from southwest.”

-Ludwig Wittgenstein

Naming colors is a dream job; Mountain Desert Blue, Topanga Cloud Orange, Lavender Merengue Dreamsicle. The whimsical captions activate my imagination. I still can’t wait for Pantone’s announcement for “Color of the Year” or for the chance to peruse down the paint chip aisle at Home Depot for a home project. Colors surround our world and while I’ll admit that reading names like Nairobi Dusk are intriguing, it does leave a range of ambiguity. In this aspect, I understand the need to create a structure for color tones within a digital design system.

“The most successful color nomenclature sticks to common language. When names of colors are wacky, reference cultural trends, or are over-branded, it becomes difficult to understand how colors work together as a system.”

-Jess Sattell, Naming Colors in Design Systems


While reading the article, Naming Colors in Design Systems, many points were made by the writer for creating a numeric classification to base color systems. For example, keeping the color name but adding a number value is a complementary pairing. Using blue (not oceanic or phthalo blue) and numbers to scale the brightness or darkness value (50-900) creates room for more color subtleties and predictability within a system (ex. blue-55, blue-100). Reserving special color names for specific palettes or branding assets are also likely to be more effective. The writer makes a point to be strategic with descriptive color words and to not get too cutesy or metaphorical since the goal is designing comprehensible and accessible interfaces. Although I still favor more interpretive color names, I am starting to understand the difference between where that is desired verses where more clarity and structure is needed. Training my mind to be more methodical about color systems is one way I’m shifting my process from artist to UX designer.

“Again, design systems are about utility and scalability. Using a method like a numeric scale to communicate meaning will give you a lot of flexibility as you grow and inevitably change your color system again and again..”

-Jess Sattell, Naming Colors in Design Systems


Read full article below:

"Naming Colors in Design Systems" by Jess Sattell

Source: https://adobe.design/stories/design-for-scale/naming-colors-in-design-systems Tags: #ui #ux #designsystems #colorsystems #colornames #adobe #

Wells Blog

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue.


Featured Posts

Featured
Pellentesque Risus Ridiculus
September 16, 2026
Pellentesque Risus Ridiculus
September 16, 2026

Vivamus pellentesque vitae neque at vestibulum. Donec efficitur mollis dui vel pharetra.

Read more →
September 16, 2026
Porta
September 9, 2026
Porta
September 9, 2026

Praesent id libero id metus varius consectetur ac eget diam. Nulla felis nunc, consequat laoreet lacus id.

Read more →
September 9, 2026
Etiam Ultricies
September 2, 2026
Etiam Ultricies
September 2, 2026

Donec id justo non metus auctor commodo ut quis enim. Mauris fringilla dolor vel condimentum imperdiet.

Read more →
September 2, 2026
Vulputate Commodo Ligula
August 26, 2026
Vulputate Commodo Ligula
August 26, 2026

Commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus.

Read more →
August 26, 2026
Elit Condimentum
August 19, 2026
Elit Condimentum
August 19, 2026

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.

Read more →
August 19, 2026
Aenean eu leo Quam
August 12, 2026
Aenean eu leo Quam
August 12, 2026

Quisque iaculis facilisis lacinia. Mauris euismod pellentesque tellus sit amet mollis.

Read more →
August 12, 2026
Cursus Amet
August 5, 2026
Cursus Amet
August 5, 2026

Sed purus sem, scelerisque ac rhoncus eget, porttitor nec odio. Lorem ipsum dolor sit amet.

Read more →
August 5, 2026
Pellentesque Risus Ridiculus
July 29, 2026
Pellentesque Risus Ridiculus
July 29, 2026

Vivamus pellentesque vitae neque at vestibulum. Donec efficitur mollis dui vel pharetra.

Read more →
July 29, 2026
Porta
July 22, 2026
Porta
July 22, 2026

Praesent id libero id metus varius consectetur ac eget diam. Nulla felis nunc, consequat laoreet lacus id.

Read more →
July 22, 2026
Etiam Ultricies
July 15, 2026
Etiam Ultricies
July 15, 2026

Donec id justo non metus auctor commodo ut quis enim. Mauris fringilla dolor vel condimentum imperdiet.

Read more →
July 15, 2026