<- Product Newsletter /

#127 - Design Argumentation - Color Names

Sent the October 18th
Author face
Article written by
Juan Jesús Millo

Writing of the week

I am studying to improve my design argumentation and I think one of the first steps is to correctly name colors.

This seems pretty basic, but having a better vocabulary on the elements and principles is a must. I found this website very helpful, you can even order a poster if you want (Color list with color names: https://graf1x.com/list-of-colors-with-color-names/). This is especially useful for people like me whose native language is not English.

As the list is quite exhaustive, these are my personal notes on the subject, collecting the easiest, most common and practical ones:

  • Yellow: Cream, Peach, Pineapple, Mustard, Mellow, Bumblebee, Yolk, Corn, Cyber, Banana
  • Orange: Pumpkin, Fire, Ochre, Dijon, Tangerine, Tiger, Honey, Carrot, Amber, Bronce, Rust
  • Red: Salmon, Scarlet, Chili, Maroon, Redwood, Raspberry, Ferrari, Sangria, Apple, Burgundy, Mahogany
  • Pink: Ruby, Fuchsia, Rose pink, Magenta, Lavender, Bubble gum, Flamingo
  • Purple: Mulberry, Hibiscus, Lavender, Grape, Floral, Eggplant
  • Blue: Sky, Pigeon, Baby blue, Navy, Turkish, Sapphire, Denim, Space
  • Green: Forest, Olive, Lime, Jade, Jungle, Laurel, Moss, Mint, Tea, Army, Emerald, Sea
  • Brown: Cinnamon, Mocha, Chocolate, Syrup, Caramel, Walnut, Espresso, Peanut, Coffee
  • Greyscale: Fossil, Smoke, Steel, Stone, Iron, Rhino, Seal, Shadow, Anchor, Charcoal.



Color Name - Design Argumentation Exercise #1:

Take this list of colors and look at everything around you. Name each of the colors of the objects with the optional help of adjectives (nuanced, shaded, sad, pastel, vibrant....).



Color Name - Design Argumentation Exercise #2:

With the object and colors table you have just made, write the emotions evoked by that color.



Color Name - Design Argumentation Exercise #3:

Using Figma or another design tool, select each of the colors listed above and find it in the color picker to improve your name:color relationship.

Articles & Ideas

What Percentage of Participants Think Aloud?

What percentage of users are willing to participate in a TA study? The Think Aloud (TA) method, in which participants speak their thoughts as they attempt to complete tasks, is one of the most distinctive characteristics of usability testing. MeasuringU

Why Field-Study Sessions Go Wrong: 5 Common Problems

Stay focused and avoid long complaint sessions during a field study by communicating the purpose of the visit early on, maintaining the partnership relationship with participants, and looking for concrete examples over abstract generalizations. Mayya Azarova

Design is not a formula, it’s an odyssey: replacing the Double Diamond

Double-Diamond and Design Thinking are inaccurate. There’s a better way to think about process. Ryan Ford

Figma Case Study by Collins

Most people agree that two heads are better than one. We inherently understand that different perspectives give us a better chance to come up with a creative idea than working alone. We are Collins + Figma

Designing for Custom Devices

IoT or Internet of Things technology is usually described as the network of interconnected smart devices that create a digital ecosystem. The IoT devices are extensively used across multiple industries, from healthcare to logistics, hospitality, retail, consumer goods industry, and many more. Yegor Tsynkevich

How to become a sr. designer, in a single chart

There’s lots of resources out there for people looking to make a career transition into product or UX design. Less so if you have a UX role, and you’re looking to move up. Jon Simmons

Products

Overflow Stories

The new, better way to communicate creative work. Overflow Stories is the ultimate presentation tool to create interactive, self-guided tours of your designs

Discovery Phase Checklist 2.0

The main reason for the painful development process is poor requirements. Why does this happen?

Dyspatch

Interactive Survey Mails. Make your survey worth completing with AMP for Email.

Sargam Icons

A Collection of 700+ Open-source Icons Devoted to Match Your Exquisite Designs.

Obsidian

Obsidian 1.0, the all-new Obsidian. A brand new look. A fresh way to browse. An exciting new start.

Formsort

Get the flexibility of custom coded flows, without needing to code. Your flow design should align with your overall brand and create an integrated digital experience. Use Formsort’s editor to get complete control over your flow.

Randoma11y

Color contrast is the difference in brightness between foreground and background colors. For accessibility purposes, aim for a 4.5:1 ratio between the foreground color (e.g. text, links, etc.) and the background color.