Colors

Color adds impact, excitement, and delight to any identity system. We leverage color to set ourselves apart in the market, enhance our content, and guide our users effectively through our communications.

Color adds impact, excitement, and delight to any identity system. We leverage color to set ourselves apart in the market, enhance our content, and guide our users effectively through our communications.

Click to scroll

Click to scroll

HEX — Way of representing the red, green and blue of screen colors.

RGB — Digital colors which create all screen colors.

CMYK — The 4 colors used in offset and digital printing.

Verified — Shows the primary tones (Light - Main - Dark) from each color tone.

Our color palette features vibrant, digitally-native hues complemented by a refined selection of greys and neutrals. You can copy all of the color values by clicking each one of them, or just the HEX code by clicking the Copy button

Our color palette features vibrant, digitally-native hues complemented by a refined selection of greys and neutrals. You can copy all of the color values by clicking each one of them, or just the HEX code by clicking the Copy button

Palette System

The color palette communicates emotion and recognition. Consistent use of primary, secondary, and neutral tones creates hierarchy, enhances accessibility, and strengthens the overall visual identity. We're using a 50 → 950 tone value system which allows the brand to be cohesive everywhere, being 500 value the main one for each color.

Primary / Dark Green

Define the core visual identity of the brand. They should be the most recognizable and frequently used colors across all touchpoints. These tones establish consistency, strengthen brand recall, and serve as the foundation of the overall color system.

Define the core visual identity of the brand. They should be the most recognizable and frequently used colors across all touchpoints. These tones establish consistency, strengthen brand recall, and serve as the foundation of the overall color system.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
100
500
800

Secondary / Light Green

Support the primary palette by adding flexibility and depth. They are used to complement and balance primary colors in layouts, backgrounds, and supporting elements. Their purpose is to expand visual expression while maintaining harmony and brand coherence.

Support the primary palette by adding flexibility and depth. They are used to complement and balance primary colors in layouts, backgrounds, and supporting elements. Their purpose is to expand visual expression while maintaining harmony and brand coherence.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
50
300
700

Tertiary / Gold

These colors are best applied sparingly for highlights, tags, icons, or micro interactions that require attention without overpowering the composition. They aren't always required to use, but also help to create hierarchy and guide the viewer’s focus.

These colors are best applied sparingly for highlights, tags, icons, or micro interactions that require attention without overpowering the composition. They aren't always required to use, but also help to create hierarchy and guide the viewer’s focus.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100

Grayscale

Ensure structure, readability, and accessibility. Used for typography, dividers, backgrounds, and neutral components, they help organize information and create contrast without competing with the brand’s expressive colors.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100

Shades

Black and White serve as the essential extremes of the color system. They provide maximum contrast, legibility, and versatility for any environment.

White
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
Black
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100

Colors

Color adds impact, excitement, and delight to any identity system. We leverage color to set ourselves apart in the market, enhance our content, and guide our users effectively through our communications.

HEX — Way of representing the red, green and blue of screen colors.

RGB — Digital colors which create all screen colors.

CMYK — The 4 colors used in offset and digital printing.

Verified — Shows the primary tones (Light - Main - Dark) from each color tone.

Our color palette features vibrant, digitally-native hues complemented by a refined selection of greys and neutrals. You can copy all of the color values by clicking each one of them, or just the HEX code by clicking the Copy button

Palette System

The color palette communicates emotion and recognition. Consistent use of primary, secondary, and neutral tones creates hierarchy, enhances accessibility, and strengthens the overall visual identity. We're using a 50 → 950 tone value system which allows the brand to be cohesive everywhere, being 500 value the main one for each color.

Primary / Dark Green

Define the core visual identity of the brand. They should be the most recognizable and frequently used colors across all touchpoints. These tones establish consistency, strengthen brand recall, and serve as the foundation of the overall color system.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
100
500
800

Secondary / Light Green

Support the primary palette by adding flexibility and depth. They are used to complement and balance primary colors in layouts, backgrounds, and supporting elements. Their purpose is to expand visual expression while maintaining harmony and brand coherence.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
50
300
700

Tertiary / Gold

These colors are best applied sparingly for highlights, tags, icons, or micro interactions that require attention without overpowering the composition. They aren't always required to use, but also help to create hierarchy and guide the viewer’s focus.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100

Grayscale

Ensure structure, readability, and accessibility. Used for typography, dividers, backgrounds, and neutral components, they help organize information and create contrast without competing with the brand’s expressive colors.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100

Shades

Black and White serve as the essential extremes of the color system. They provide maximum contrast, legibility, and versatility for any environment.

White
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
Black
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100

Colors

Color adds impact, excitement, and delight to any identity system. We leverage color to set ourselves apart in the market, enhance our content, and guide our users effectively through our communications.

HEX — Way of representing the red, green and blue of screen colors.

RGB — Digital colors which create all screen colors.

CMYK — The 4 colors used in offset and digital printing.

Verified — Shows the primary tones (Light - Main - Dark) from each color tone.

Our color palette features vibrant, digitally-native hues complemented by a refined selection of greys and neutrals. You can copy all of the color values by clicking each one of them, or just the HEX code by clicking the Copy button

Palette System

The color palette communicates emotion and recognition. Consistent use of primary, secondary, and neutral tones creates hierarchy, enhances accessibility, and strengthens the overall visual identity. We're using a 50 → 950 tone value system which allows the brand to be cohesive everywhere, being 500 value the main one for each color.

Primary / Dark Green

Define the core visual identity of the brand. They should be the most recognizable and frequently used colors across all touchpoints. These tones establish consistency, strengthen brand recall, and serve as the foundation of the overall color system.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
100
500
800

Secondary / Light Green

Support the primary palette by adding flexibility and depth. They are used to complement and balance primary colors in layouts, backgrounds, and supporting elements. Their purpose is to expand visual expression while maintaining harmony and brand coherence.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
50
300
700

Tertiary / Gold

These colors are best applied sparingly for highlights, tags, icons, or micro interactions that require attention without overpowering the composition. They aren't always required to use, but also help to create hierarchy and guide the viewer’s focus.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100

Grayscale

Ensure structure, readability, and accessibility. Used for typography, dividers, backgrounds, and neutral components, they help organize information and create contrast without competing with the brand’s expressive colors.

50
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
100
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
200
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
300
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
400
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
500
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
600
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
700
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
800
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
900
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
950
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100

Shades

Black and White serve as the essential extremes of the color system. They provide maximum contrast, legibility, and versatility for any environment.

White
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
Black
HEX000000
RGB0, 0, 0
CMYK0, 0, 0, 100
About Jess

Leadership Communication Expert and Columbia University Lecturer Jess Goldberg helps leaders communicate with influence, build powerhouse teams, and make a lasting impact.

Jess Goldberg Logo
About Jess

Leadership Communication Expert and Columbia University Lecturer Jess Goldberg helps leaders communicate with influence, build powerhouse teams, and make a lasting impact.

Jess Goldberg Logo
About Jess

Leadership Communication Expert and Columbia University Lecturer Jess Goldberg  helps leaders communicate with influence, build powerhouse teams, and make a lasting impact.

Jess Goldberg Logo