Paleta cromática

Institucionais

Nossas cores traduzem solidez, proximidade e inovação. Está em nosso DNA.

Azul

R0 G56 B101
C100 M45 Y0 K60
PANTONE® 2955 C
#003865

Azul-claro

R50 G166 B230
C70 M19 Y0 K0
PANTONE® 298 C
#32A6E6

Verde

R30 G159 B127
C78 M11 Y60 K0
PANTONE® 7723 C
#1E9F7F

Verde-claro

R127 G224 B108
C53 M0 Y73 K0
PANTONE® 7488 C
#7FE06C

Clique nas cores para visualizar suas informações.

PANTONE®: cores de referência para impressão especial. Sempre que possível, priorize seu uso em impressões offset e serigrafia.

CMYK: cores para impressão. Use quando não for possível optar pelas cores Pantone®.

RGB: cores para tela. Uso em meios digitais, como site e apresentações.

HEXADECIMAL: também para uso em meios digitais – identifica a cor de modo mais simples que o RGB.

Secundárias

Obs.: As cores da paleta secundária só devem ser usadas pontualmente nas peças. Elas fazem o papel de aquecer o layout.

Amarelo

R251 G211 B0
C0 M10 Y98 K0
PANTONE® 116 C
#FBD300

Laranja

R247 G131 B68
C0 M45 Y100 K0
PANTONE® 137 C
#F78344

Roxo

R159 G75 B185
C56 M77 Y0 K0
PANTONE® 7442 C
#9F4BB9

Cinza

R189 G204 B212
C31 M14 Y14 K0
PANTONE® 5445 C
#BDCCD4

Clique nas cores para visualizar suas informações.

PANTONE®: cores de referência para impressão especial. Sempre que possível, priorize seu uso em impressões offset e serigrafia.

CMYK: cores para impressão. Use quando não for possível optar pelas cores Pantone®.

RGB: cores para tela. Uso em meios digitais, como site e apresentações.

HEXADECIMAL: também para uso em meios digitais – identifica a cor de modo mais simples que o RGB.

Não exagere no roxo! Ela é a cor principal de Raízen.

Proporção das cores

Observe sempre a diretriz de proporção de uso para que o conjunto das peças não se limite ao uso dos azuis e verdes, mas também para que não fique exageradamente colorido.

Acessibilidade

Essas são as combinações de cores possíveis para garantir legibilidade de textos nos meios digitais.

Título branco em fundo azul

Texto corrido em branco no fundo azul.

Título verde claro em fundo azul

Texto corrido em verde claro no fundo azul.

Título amarelo em fundo azul

Texto corrido em amarelo no fundo azul.

Título laranja em fundo azul

Texto corrido em laranja no fundo azul.

Título cinza em fundo azul

Texto corrido em cinza no fundo azul.

Título azul claro em fundo azul

Título verde em fundo azul

Título azul em fundo branco

Texto corrido em azul no fundo branco.

Título roxo em fundo branco

Texto corrido em roxo no fundo branco.

Título verde em fundo branco

Título azul em fundo azul claro

Título branco em fundo verde

Título azul em fundo verde claro

Apoio em interfaces

Para delimitar áreas em sites e ambientes digitais, quando o uso das cores da paleta podem deixar o layout muito carrego.

O cinza da nossa paleta pode ganhar mais flexibilidade, e trazer hierarquia e leveza à aplicação.

# F2F5F6
# D7E0E5
# E5EBEE
# CAD6DD
CINZA RUMO

Exemplo:

DNA Rumo

Acreditamos no movimento como forma de evolução.

Um propósito que nos dá força e nasce da nossa essência: o movimento como nosso estado natural. Porque não é só sobre logística, é sobre a busca pela evolução de negócios, sonhos, culturas.

# F2F5F6

Nesse caso utilize essa gradação apenas no Cinza!