Paleta de cor ocre: códigos e combinações

Está a pensar em usar uma paleta de cor ocre para o seu próximo projeto? Chegou ao lugar certo! A seguir, mostraremos algumas paletas que combinam com a cor ocre para que possa escolher a que mais gosta.

Combinações com a cor ocre

#4e3300

#82612d

#b9935a

#ddc88f

#ffffc7

paleta monocromática de cor ocre

#4e3300

#82612d

#b9935a

#33312f

#6e6c68

cor ocre e cinza

#4e3300

#82612d

#b9935a

#2196f3

#81c9fa

cor ocre e azul

#4e3300

#82612d

#b9935a

#ff9800

#ffcc50

cor ocre e laranja

#4e3300

#82612d

#b9935a

#8d4925

#b96e48

cor ocre e marrom

#4e3300

#82612d

#b9935a

#f6a700

#fed353

cor ocre e mostarda

#4e3300

#82612d

#b9935a

#009929

#5ccb5f

cor ocre e verde

O que é a cor ocre?

A cor ocre é um tom de cor alaranjado-amarronzado que se encontra no espectro cromático. Normalmente, é associada a tons terrosos, como o amarelo, o laranja и o marrom.

Muitas vezes, é descrita como um tom suave, mas também pode ser encontrada em tons mais intensos. O termo "ocre" provém do latim "ocra", uma palavra usada pelos romanos para descrever uma variedade de pigmentos.

Como combinar a cor ocre para conseguir uma boa paleta de cores

• Neutros frios (cinza/preto): equilibram o calor do ocre e proporcionam um contraste elegante. Use-os para tipografia e fundos. Ex.: #b9935a + #33312f + #6e6c68.
  #b9935a

  #33312f

  #6e6c68
• Azuis complementares: por ser complementar, o azul gera um contraste vibrante ideal para destaques. Ex.: #b9935a + #2196f3 + #81c9fa.
  #b9935a

  #2196f3

  #81c9fa
• Verdes naturais: reforçam uma estética orgânica/terrosa. Funcionam bem em UIs ecológicas ou marcas artesanais. Ex.: #b9935a + #009929 + #5ccb5f.
  #b9935a

  #009929

  #5ccb5f
• Mostarda e análogos: dentro da gama quente, criam harmonias suaves e coerentes. Úteis para paletas monocromáticas/análogas. Ex.: #b9935a + #f6a700 + #fed353.
  #b9935a

  #f6a700

  #fed353
• Marrons e tons terrosos: aumentam a profundidade e a sensação artesanal. Bons para fundos e componentes de baixa hierarquia. Ex.: #4e3300 + #82612d + #b96e48.
  #4e3300

  #82612d

  #b96e48
• Brancos quentes (marfim): dão respiro e legibilidade sem "esfriar" a paleta. Ex.: #fff8e6.

Paletas sugeridas (rápidas)

• Minimalista corporativa: #b9935a (primário), #33312f (texto), #f5f2eb (fundo), #2196f3 (ação).
  #b9935a

  #33312f

  #f5f2eb

  #2196f3
• Orgânica: #b9935a, #4e3300, #009929, #f0efe9.
  #b9935a

  #4e3300

  #009929

  #f0efe9
• Editorial quente: #b9935a, #8d4925, #fed353, #2f2c29.
  #b9935a

  #8d4925

  #fed353

  #2f2c29

Dicas de uso

• Hierarquia: use o ocre como cor primária ou de destaque, não para grandes blocos de texto.
• Proporção: 60% neutro, 30% ocre/análogos, 10% destaque frio (azul/verde) costuma funcionar bem.
• Acessibilidade: valide o contraste (WCAG), especialmente em pares ocre/amarelos.