Colors
Colors are irreplaceable. They can sway thinking, change actions, and cause reactions. Used in the right way, they can communicate more than anything.
Downloadables
Color overview
PRIMARY
HEX
#2E4235
RGB
47, 67, 54
CMYK
76, 49, 69, 56
HEX
#FDFCEE
RGB
253, 252, 239
CMYK
1, 0, 9, 0
SECONDARY
HEX
#A45223
RGB
166, 83, 34
CMYK
26, 71, 93, 20
HEX
#8D6B2C
RGB
155, 117, 45
CMYK
31, 45, 87, 25
HEX
#49768D
RGB
75, 119, 142
CMYK
73, 41, 31, 14
Primary colors
Green
This is the primary color of the brand. We will use this color as the default one for any element in the brand.
HEX
#2E4235
RGB
47, 67, 54
CMYK
76, 49, 69, 56
PANTONE
3308 U
Dark green
Dark shade of the primary green color created for secondary text in a website environment.
HEX
#1B2E21
Light green
Light tint of the primary green color created for the website.
HEX
#6A8A75
Lightest green
The lightest shade of the primary green color created only to use on the website.
HEX
#A6C9B1
Neutral
This is the brand's neutral color and we will use it for backgrounds to provide contrast with the primary green color. For paper applications, choose a similar paper color if possible.
HEX
#FDFCEE
RGB
253, 252, 239
CMYK
1, 0, 9, 0
Secondary colors
Red
Secondary color of the brand. We will use any secondary color when we have already used the primary (green) first. Let us use a poster as example. If only one poster designed is required, we will use always green. If more than one poster is required, then we will use the primary green for the most important poster design and then we will use the secondary colors for the rest of the posters.
HEX
#A45223
RGB
166, 83, 34
CMYK
26, 71, 93, 20
Darkest red
Darkest shade of the secondary red color created for secondary text in a website environment.
HEX
#72310C
Dark red
Dark shade of the secondary red color created only to use on the website.
HEX
#82411C
Light red
Light tint of the secondary red color created only to use on the website.
HEX
#BB7D5A
Yellow
Secondary color of the brand. We will use any secondary color when we have already used the primary (green) first. Let us use a poster as example. If only one poster designed is required, we will use always green. If more than one poster is required, then we will use the primary green for the most important poster design and then we will use the secondary colors for the rest of the posters.
HEX
#8D6B2C
RGB
155, 117, 45
CMYK
31, 45, 87, 25
Darkest yellow
Darkest shade of the secondary yellow color created for secondary text in a website environment.
HEX
#644811
Dark yellow
Dark shade of the secondary yellow color created only to use on the website.
HEX
#735621
Light yellow
Light tint of the secondary yellow color created only to use on the website.
HEX
#AA9060
Blue
Secondary color of the brand. We will use any secondary color when we have already used the primary (green) first. Let us use a poster as example. If only one poster designed is required, we will use always green. If more than one poster is required, then we will use the primary green for the most important poster design and then we will use the secondary colors for the rest of the posters.
HEX
#49768D
RGB
75, 119, 142
CMYK
73, 41, 31, 14
Dark blue
Dark shade of the secondary blue color created only to use on the website.
HEX
#325466
Light blue
Light tint of the secondary blue color created only to use on the website.
HEX
#7798AA
Color rules
Color usage
How to use the primary and secondary colors of the brand.
Visual examples
Using the neutral combined with the green primary color.
Only using two colors maximum for the whole composition.
Do not use tints and shades outside of the website.
We are using 3 different colors. We should use a maximum of two colors for each composition.
The primary color is used and the secondary is used for a different application of the same family.
We are using a maximum of two colors.
All text has the same color.
Tints and shades are being used. We must use only the primary or secondary colors.
We are using more than two colors for each element.
Some of the text has different colors.