Brand Colors — Emerson

Brand Primary

#00573d

Brand Primary Hover
(base lightened 8%)

#00805a

Brand Secondary

#004b8d

Brand Colors — Greenlee

Brand Primary

#7ac436

Brand Primary Hover (base darkened 8%)

#66a42d

Brand Secondary

#2d383f

Brand Colors — Klauke

Brand Primary

#004494

Brand Primary Hover (base darkened 8%)

#00316b

Brand Secondary

#2d383f

Brand Colors — ProTeam

Brand Primary

#6a37b0

Brand Primary Hover
(base darkened 8%)

#572d91

Brand Secondary

#f6cf3f

Brand Colors — RIDGID

Brand Primary

#da291c

Brand Primary Hover
(base darkened 8%)

#b62217

Brand Primary Alt
(Licensed Products)

#f88126

Brand Primary Alt Hover
(base darkened 8%)

#ed6b08

Brand Secondary

#2d383f

Brand Tertiary

#004b8d

Brand Colors — Workshop Vacs

Brand Primary

#f0b310

Brand Primary Hover
(base darkened 8%)

#ca970d

Brand Secondary
(Emerson Grey)

#9fa1a4

Global Colors — Base Palette

Base
(Grey Dark 48)

#262728

Base Alt
(Grey Dark 56)

#121313

Base Reverse
(Grey Light 40)

#ffffff

Base Error (Red)

#d31245

Base Warning (Amber)

#f8b11e

The Global Base Color Palette is to be shared across all Emerson digital properties and intended to ensure consistency for all basic content UI such as text elements (color options for both light & dark backgrounds), form errors and warning notifications. Utilizing these colors globally across sites and applications will ensure all brands are consistently promoting appropriate contrast standards and readability best practices.

Global Colors — Grey Scale Palette

Grey Light 40
(Base lightened 40%)

#ffffff

Grey Light 32
(Base lightened 32%)

#f3f3f3

Grey Light 24
(Base lightened 24%)

#dedfe0

Grey Light 16
(Base lightened 16%)

#c9cacc

Grey Light 8
(Base lightened 8%)

#b4b6b8

Emerson Grey
(Base)

#9fa1a4

Grey Dark 8
(Base darkened 8%)

#8a8c90

Grey Dark 16
(Base darkened 16%)

#75787c

Grey Dark 24
(Base darkened 24%)

#626467

Grey Dark 32
(Base darkened 32%)

#4e4f52

Grey Dark 40
(Base darkened 40%)

#3a3b3d

Grey Dark 48
(Base darkened 48%)

#262728

Grey Dark 56
(Base darkened 56%)

#121313

Grey Dark 64
(Base darkened 64%)

#000000

The Global Grey Scale Palette is to be shared across all Emerson digital properties to convey a sense of unity between distinctive brand identities. The palette is a programmatically generated range of values based on the Emerson Grey brand color and provides a full spectrum of value options from white (Grey Light 40) to black (Grey Dark 64). If any changes to the base grey are needed in the future, updating the hex value of Emerson Grey will cascade across the palette without requiring additional effort to update the other values.

While intended primarily for use with presentation UI elements, such as component backgrounds, content dividers, borders, and other visual elements used to designate or separate distinct blocks of content, the palette provides a number of values that may be suitable for some secondary content elements as well. These may include supporting content such as subtext & microcopy, author bylines, date/time stamps, category labels, etc. as appropriate for the given use case.

Global Colors — Accent Grey Palette

Blue Grey

#dee6ea

Cool Grey

#c4ced1

Cool Grey Hover
(base darkened 8%)

#adbbbf

The Global Accent Grey Palette includes existing colors currently in use on the on the Emerson.com site and elsewhere that are not part of the new programmatic grey scale palette. Some use cases for these legacy colors include Secondary & Tertiary CTA buttons, tab component backgrounds, table cell highlighting & interaction states, etc.