Section banner indicating the start of a new section. On the right, 7 icons depict the senses: a heart and brain, an eye, a hand, an ear, a nost, a mouth, and an arrow (movement). Chapter 3 banner is purple with the eye icon highlighted.

3.5 Colour Specification and Colour Systems

In design, most colour choices are specified numerically (according to specific colour systems) and standardized across product elements. A part of the designer’s job is to clearly identify colours for specific product parts, specific interior areas, and/or specific interface features. This is important, especially since different parts may be manufactured or produced in different plants or even different countries. Colour systems provide a systematic way to standardize colour schemes across multiple versions of the same products or product lines.

Colour specification is based on standard systems of colour like the Pantone Professional Color System (Pantone, n.d.), the Munsell Book of Color (Munsell, n.d.), or the Colorcurve System (Stanziola, 1992). When we work with manufacturers or work on different computer applications, we need to know which standardized colour system they use to be able to provide the specifications for each colour we identify for every product component. We can refer to that colour system’s standard set of templates in books, binders, or material samples to make our colour choices. By specifying the colour codes that align with those your service provider uses, we can be assured that the end result will be the colours we have selected.

A colour swatch book with 7 paint swatches being fanned out from a grey strip. Top swatch is pink, followed by green, followed by turquoise, followed by blue, followed by purple, followed by red, followed by yellow. Each swatch starts with a lighter tone on top and gradually becomes darker over 4-6 rows.

A generic example of templates for a colour specification system

Product specifications

Since it is your job as a designer to specify the colour codes for each of the elements or components of your products, you can organize your colour palette while you make your choices. This would minimally include the main body colour, a secondary colour, and the accent colour. The background colour is usually the main or overall colour of the body of the product, like the main grey colour of the sneaker in the example below. The secondary colour may be used for trim details (such as the lime green soles in the sneaker example) or for functional affordances (like the lime green laces). The accent colour may be used to highlight important elements (like the charcoal grey separation between the sole and the body of the shoe). The proposed colour palette would include at least a dominant, subdominant, and accent colour, where dominant refers to the colour of the body or overall colour, subdominant refers to the secondary colour, and the accent colour refers to those used the least and that could be the brightest or strongest.

Grey running shoe with green and purple details. Grey section has a large grey circle pointing to it with Dominant written in black in the centre. Green section has a smaller green circle pointing to it with Subdominant written in black in the centre. Purple section has a small purple circle pointing to it with Accent written in white in the centre.

Product Colour Specifications: grey is dominant, lime green is subdominant, and charcoal grey adds a strong colour accent

Today there are numerous applications and websites that you can use to select suitable colour palettes for products, logos, and web design. Try searching for colour selection tools or colour pickers, or online colour palette generators. You can easily experiment with their online colour combinations of different values, tints, shades and tones. You can also try to develop your colour palettes using the paper paint colour samples supplied in paint stores (however the colour codes may not match those of the colour system your manufacturer is working with). You can arrange the printed colours in a composition that represents the relative dominant, subdominant, and subordinate proportions you want based on the colour principles already discussed. Are the colour relationships complementary, split complementary, or even discordant? Are they warm or cool? Do the accent colours leverage the perceptions that principles like zing, simultaneous contrast, or contrast of extension support?

Bag with brown, yellow, beige and black colours. Brown section has a large brown circle pointing to it with Dominant written in black in the centre. Yellow and beige section has a smaller yellow circle pointing to it with Subdominant written in black in the centre, and a smaller beige circle slightly overlapping it. Black section has a small black circle pointing to it with Accent written in black in the centre.

An example of a colour palette applied to product design

 

License

Icon for the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License

Sense-It!: Insights into Multisensory Design Copyright © 2023 by Lois Frankel, PhD & the Sense-It! Team is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License, except where otherwise noted.

Share This Book