are the defining colors of the Hired brand. They are used throughout the product to establish brand recognition.
The remaining palettes have specific uses detailed within each section. (ex- forms, utility, alerts, infographics)
The design team has a .sketch file referencing these exact colors using the same names. Shared language FTW.
Palettes & SASS Variables
are used sparingly in elements that highlight functionality and/or active states.
are used more generously throughout the product.
Secondary: Cool Grays
serve as the secondary colors and is a palette derived from Hired Black.
Use this palette for text headers and functional, active or graphical elements.
Cool Gray 6
Cool Gray 5
Cool Gray 4
Form field outline
Cool Gray 3
Cool Gray 2
Cool Gray 1
Cool Gray 0
Neutral Greys are used for section backgrounds, general utility elements and UI controls such as hairline dividers, form fields and body text.
Dark Gray 2
Dark Gray 1
Medium Gray 2
Medium Gray 1