Primary palette
Our primary palette is made up of Black, Cool Grey and White. These neutral colors are selected to create a clean, sophisticated canvas to enable our product photography and secondary palette to sing.
Section Title
Color
Color is one of the most powerful tools at our disposal. As part of our Master Visual Approach, our color palette has been developed with creative flexibility in mind. We balance a core palette of neutral tones that create a clean, calm canvas for our products and photography, and a bright secondary palette that bring energy and interest where it’s required.
The palette is built using colors taken from the Pantone Uncoated library, featuring both neutral tones and more vibrant shades. Color selections should never deviate from this palette.
When working on nora by Interface or Interface Hospitality deliverables, use the alternative color palettes detailed on those page.
Black
- CMYK
- 0 0 0 100
- RGB
- 34/34/34
- Web
- #222222
Cool Grey
- Uncoated
- Pantone Cool Gray 8U
- CMYK
- 44 37 35 1
- RGB
- 149/148/151
- Web
- #959497
White
- CMYK
- 0 0 0 0
- RGB
- 255/255/255
- Web
- #FFFFFF
Secondary palette
Our secondary palette is designed to bring energy and vibrancy where it’s needed. Secondary colors may be used in accordance with a particular campaign, marketing material or product. We suggest using no more than two highlight colors chosen from the secondary palette at any one time.
Poppy
- Uncoated
- Pantone 178U
- CMYK
- 0 68 43 0
- RGB
- 255/119/117
- Web
- #ff7775
Tangerine
- Uncoated
- Pantone 130U
- CMYK
- 0 47 92 0
- RGB
- 253/154/43
- Web
- #fd9a2b
Clover Green
- Uncoated
- Pantone 369U
- CMYK
- 68 17 100 2
- RGB
- 97/159/66
- Web
- #619f42
Carbon Green
- Uncoated
- PANTONE Green
- CMYK
- 92 0 65 0
- RGB
- 35/164/128
- Web
- #23A480
Sea Green
- Spot
- Pantone 332C
- CMYK
- 42 0 24 0
- RGB
- 135/225/209
- Web
- #87e1d1
Robins Egg
- Uncoated
- Pantone 7472U
- CMYK
- 57 6 30 0
- RGB
- 107/188/185
- Web
- #6bbcb9
Petrol
- Uncoated
- Pantone 314U
- CMYK
- 92 39 29 3
- RGB
- 0/123/154
- Web
- #007b9a
Blueberry
- Uncoated
- Pantone 533U
- CMYK
- 66 56 38 13
- RGB
- 97/101/121
- Web
- #616579
Olive
- Uncoated
- Pantone 5825U
- CMYK
- 44 38 71 10
- RGB
- 141/135/93
- Web
- #8d875d
Ratios
The use of our secondary palette may be turned up or down depending on the needs of the campaign or individual marketing materials. However, as a general rule, we suggest making use of the more neutral primary palette.
Tints
Tints of our primary and secondary color palettes may be used to create more design flexibility. Keep the tint divisions to 20% of the original color.
Relationships
Shown below are some examples of different color relationships.
In most cases we lead with white as a background tone. Black is applied to typography, supported by a highlight color chosen from the secondary palette – bringing attention to headlines or details within the copy.
Highlight colors should compliment or harmonize with the dominant color in photography.
Some campaigns or initiatives use black as a dominant color.
When selecting a highlight color to use with black, ensure it will bring sufficient contrast to the design.
In some cases we lead with a secondary color. This approach can be used to help distinguish a more accessible offering, from more premium products.
Using tints of your selected color is an easy way to create hierarchy and contrast without resorting to using too many secondary colors in a single execution.
Tints also offer a more sophisticated approach when leading with a secondary color.
When using colored type, always try and reference a color from within the image.
Avoid incongruent colors from the secondary palette.
When pairing colors use tints or complimentary values.
Avoid using similar colors to create differentiation in hierarchy.
Avoid pairings that do not create clear contrast.
Color in action
Color can be used to inject energy, create calm to focus attention, or simplify the complex. Here are some examples from our showcase gallery of the Interface color palette at its best.
