Color

A solid and vibrant asset to highlight our dinamic.

Our color palette enhances a recognizable visual language.

Primary Palette

Our primary palette are the colors that are most instantly recognizable as eccovia:
Raw Green, Black and White.

Raw Green

 

C70 M0 Y23 K41
R42 G150 B116
HEX #2a9674

Black

 

C0 M0 Y0 K100
R0 G0 B0
HEX #000000

white

 

C0 M0 Y0 K0
R255 G255 B255
HEX #ffffff

Secondary Palette

Our orange, yellow and blue bring warmth and light to our system that lives hand in hand with our smart infrastucture.

soft orange

 

C0 M34 Y68 K5
R241 G159 B77
HEX #f19f4d

Sun yellow

 

RAL 1016
C0 M13 Y68 K0
R255 G223 B81
HEX #ffdf51

Flash Blue

 

C42 M0 Y13 K5
R140 G242 B210
HEX #8cf2d2

Digital Background Palette

This are the colors that should be used in digital platforms. They reduce luminance, conserve power on OLED screens, and minimize file sizes to save server space.

dark grey

 

C12 M5 Y0 K84
R37 G40 B42
HEX #25282a

light cream

 

C0 M1 Y12 K2
R249 G247 B219
HEX #f9f7db

dark green

 

C79 M0 Y33 K60
R21 G101 B68
HEX #156544

Color Pairings

When combining different pieces in a layout, we use the combos shown here for consistency and legibility.

Solid Background

Over solid backgrounds, we prefer our iconic and recognizable colorways. These should be used for most communications.

Photography

Over photography, we default to using White type and White logos. In the case of photos with lighter backgrounds, our colored logo may provide better contrast—please use your best judgment for legibility.

Web Accessibility

The Web Content Accessibility Guidelines (WCAG) establish standards to ensure the internet is accessible to everyone, including individuals with disabilities. Regarding color, these guidelines specify the necessary contrast between text and its background to ensure readability for users with visual impairments.

When selecting colors for the web, we strive to meet WCAG 2.0 standards for both large and standard text sizes. Large text is defined as 14pt (18.66px) in bold or 18pt (24px) in a lighter weight. Any text smaller than these thresholds is considered standard text.

Our goal is always to achieve a AAA rating—the highest level of compliance. Raw Green is not AAA compliant and should be avoided. Bellow you can find the contrast we use:

N

Fully Compliant

#000000

Large text

Normal text

#25282A

Large text

Normal text

#F9F7DB

Large text

Normal text

#FFFFFF

Large text

Normal text

#000000

Large text

Normal text

#25282A

Large text

Normal text

#000000

Large text

Normal text

#000000

Large text

Normal text

#FFFFFF

Large text

Normal text

#000000

Large text

Normal text

M

Partially compliant

#FFFFFF

Large text

Normal text

#000000

Large text

Normal text