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.
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
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.
300
100
500
800
Secondary
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.
100
50
300
700
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.
Shades
Black and White serve as the essential extremes of the color system. They provide maximum contrast, legibility, and versatility for any environment.
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
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.
300
100
500
800
Secondary
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.
100
50
300
700
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.
Shades
Black and White serve as the essential extremes of the color system. They provide maximum contrast, legibility, and versatility for any environment.
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
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.
300
100
500
800
Secondary
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.
100
50
300
700
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.
Shades
Black and White serve as the essential extremes of the color system. They provide maximum contrast, legibility, and versatility for any environment.