Color
CodeScience’s color palette was designed to be elevated and sophisticated to appeal to enterprise companies and the Big Three as well as our ISV partners — while maintaining the humanity of CodeScience as People Science.
The color palette includes 4 main colors, and 4 accent colors. The colors represent our qualities of optimism, innovation, collaboration, technology, approachability, and humanity.
Foundation Colors
The main colors should be used as the foundational palette for internal and external communications.
(click on icon on color tile to copy the HEX color)
EARTH
Pantone Neutral Black
HEX #4b4846
CLAY
Pantone Warm Gray 8
HEX #8e8884
STONE
Pantone Warm Gray 2
HEX #cfc6be
LINEN
HEX #F9F8F7
Accent Colors
For the majority of external communications, the Primary and Secondary Accent colors are the default colors (see Base Accent Color Use below). If you are only using one accent color, the default color is Sky.
Primary
The Primary accent colors should be used in most cases.
(click on tile to copy HEX color)
SKY
Pantone 543 (60%)
HEX #A0BEDC
DAWN
Pantone 493 (60%)
HEX #D6A4A9
SUN
Pantone 7548 (60%)
HEX #FFD281
LEAF
Pantone 382 (60%)
HEX #b3d07e
Secondary
Use Secondary accent colors to compliment Primary accent colors. Type placed over Secondary accent colors, should be in Earth (not white).
(click on tile to copy HEX color)
SKY
Pantone 543 (20%)
HEX #DFE6EF
DAWN
Pantone 493 (20%)
HEX #F0E1E2
SUN
Pantone 7548 (20%)
HEX #FFEED9
LEAF
Pantone 382 (20%)
HEX #DEE8CC
Base
The base accent colors should mainly be used for swag and internal communications. They may also be used as a starting point to create shades of colors for use in elements such as primary photography and charts and graphs.
(click on tile to copy HEX color)
SKY
Pantone 543
HEX #79ABD2
DAWN
Pantone 493
Hex #C87D88
SUN
Pantone 7548
HEX #FFC625
LEAF
Pantone 382
HEX #96C13D
Mixing Accent Colors
To avoid a “rainbow sherbet” look, avoid mixing accent colors in the same application. If you need to use multiple colors, use a tint of a single accent color, i.e. Sky Primary with Sky Secondary, Dawn Primary with Dawn Secondary, etc. (see Charts & Graphs below)
Charts & Graphs
When creating charts and graphs, use tints of a single color (versus mixing colors together).