menu

Color range

We consolidate our space through color: green is our main color, our identifier and first-impact visual statement, it generates positive sensations, associated with human organic growth and its connection with new environments. In addition, it induces flexibility, adaptability and favors active action. It is of great importance that in all the communication materials you create, the color green is integrated to generate an immediate association with the university and the brand, in addition to creating an evident color domain.

Our range is also composed of the color yellow, which inspires the formation of new ideas and stands out among joy, intelligence and surprise. Complementarily, a range of purple adds to the palette to generate confidence, credibility and an immediate association with leadership and its technological innovation. 

Main palette

hex
06b706
rgb
6 183 6
print
2423C
hex
000000
rgb
0 0 0
print
Black 6C
hex
00C41C
rgb
0 196 28
print
2271C
hex
00CE53
rgb
0 206 83
print
00 206 083
hex
ffb937
rgb
255 185 55
print
0000

Complementary palette

hex
4000BC
rgb
64 0 188
print
2091C
hex
2A0091
rgb
64 0 188
print
2091C
hex
330075
rgb
51 0 117
print
2685C

Grayscale

hex
4E4E4E
rgb
78 78 78
print
P 173-15 C
hex
898989
rgb
137 137 137
print
424U
hex
D9D9D9
rgb
217 217 217
print
cool gray 1C
hex
F8F8F8
rgb
248 248 248
print
P 75-1 U

Gradients

Inspired by our chromatic range, the union between each color can be used as a gradient. These are the recommended uses that allow a pleasant visual balance, not saturated and that adapts to any use or support. Consider the color codes, the degrees of orientation and their combination. It is important that your gradients always start from the lower left corner to the upper right corner. 

Gradient 1

hex
06B706
rgb
6 183 6
hex
00FE00
rgb
0 254 0

Gradient 2

hex
2500C1
rgb
3729193
hex
00CE53
rgb
020683

These gradient options (1 and 2) with greens are very subtle and therefore can be used on all global brand materials, giving a sense of greater depth and a delicate variation to the classic 2D.

+Recommended for:

  • Outdoor backgrounds where you can see a person in front or when displaying  text only.
  • Social media platforms where it can also be used as a background or as an envelope.
  • Works very well as a profile picture for social media with a white logo.
  • Headers.

Gradient 3

hex
330075
rgb
510117
hex
4000BC
rgb
640188

This gradient works very well for branding applications of internal materials, such as individual programs of academic offerings, support materials for students and any material where you want to give a variation.

As it is part of the complementary palette, it is recommended to use it sparingly and to a lesser extent. 



+Recommended fot:

  • Internal materials.
  • Web use.
  • Very moderate use in social media with some background trying to differentiate a topic (e.g. a post from a global conference).

Gradient 4

hex
330075
rgb
51 0 117
hex
00B204
rgb
0 178 4

+Recommended for:

  • Social media when highlighting a post amongst many green images.
  • Ads: our green color is important, but sometimes we can have ads where we integrate a little variation.

Gradient 5

hex
D9D9D9
rgb
217 217 217
hex
F8F8F8
rgb
248 248 248

This gradient can be used as a background when highlighting people or important attributes, with colors in positive or in some applications where it is required to differentiate subtly with a white background. 


+Recommended use:

  • Its Hero use its one of the most powerful visuals when designing.
  • Web use.

Non-permitted gradients

These are some examples of not permitted use of gradients in our communication. Consider not altering shapes, the integration of more than two colors or inconsistent radial adjustments. 

Visuals

These are some examples of how to use colors and gradients in our communication.

Example of using gradients in our ads.