Verde-floresta é uma cor rica e terrosa com tons neutros profundos. Este tom exuberante e fundamentado está na seção verde da roda de cores, no lado mais frio, incorporando sensações de natureza, estabilidade e renovação. A tonalidade escura e saturada do verde-floresta varia de um verde-caçador profundo a um verde-pinho, tornando-o ideal para transmitir uma sensação de profundidade e serenidade em designs.
O verde-floresta é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #2E6F40
- Valor RGB: 38,8% vermelho, 42% verde e 18,4% azul
A escolha de cores no design de UX e UI deve considerar critérios de acessibilidade, que são fundamentais. O Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
A riqueza e a conexão do verde-floresta com a natureza oferecem aos designers de UI uma ferramenta poderosa para criar interfaces calmas e sofisticadas. Veja como integrá-lo estrategicamente:
- Use para fundos e áreas grandes. O verde-floresta pode estabelecer um ambiente calmo e inspirado na natureza em aplicativos que promovem bem-estar ou atividades ao ar livre. Garanta contraste suficiente para a legibilidade do texto testando com um verificador de contraste.
- Combine com neutros claros. Complemente o verde-floresta com neutros claros como bege ou cinza suave para manter a legibilidade e um senso de equilíbrio.
- Aposte no luxo. A associação do verde-floresta com luxo e qualidade o torna uma excelente escolha para marcas e serviços premium. Use-o estrategicamente para acentos ou botões de chamada para ação para transmitir uma sensação de exclusividade e valor.
- Considere o contexto para tons. De escuro e dramático a mais claro e suave, escolha um tom que complemente sua paleta de UI e alinhe-se com a mensagem que você deseja transmitir. Por exemplo, um verde-floresta claro pode parecer mais acessível, enquanto um verde-floresta profundo pode exalar uma sensação de poder.
Dica: Ao projetar para um público global, pesquise o simbolismo da cor em diferentes culturas — o vermelho não significa o mesmo em todos os lugares.
Para variações dentro do mesmo espectro profundo e terroso do verde-floresta, considere:
- Verde-caçador (#355E3B) incorpora a folhagem densa de uma floresta, oferecendo um tom mais escuro e ligeiramente mais suave que mantém a essência do verde-floresta.
- Verde-pinho (#01796F) espelha a cor profunda e rica dos pinheiros, com um toque mais azul, evocando uma serenidade natural e fresca semelhante ao verde-floresta.
- Verde-jungle (#29AB87) apresenta uma versão mais brilhante e vibrante, capturando o caráter vivo e exuberante da selva enquanto permanece fiel à essência verde.
- Verde-british racing (#004225), embora tradicionalmente associado ao automobilismo, compartilha uma profundidade e intensidade semelhantes, incorporando a elegância e a energia fundamentada do verde-floresta.
Para complementar os tons ricos do verde-floresta, considere combiná-lo com:
- Laranja queimado (#BE5103) adiciona um contraste quente e terroso, ecoando as cores do outono e realçando a sensação natural do verde-floresta.
- Creme (#FDFBD4) oferece um fundo claro e neutro que permite que a profundidade do verde-floresta se destaque, criando uma paleta clássica e refinada.
- Bordô profundo (#660033) proporciona um contraste luxuoso e sofisticado, enriquecendo a paleta com profundidade e calor.
- Ouro suave (#D4AF37) introduz um toque de luxo, criando um equilíbrio harmonioso com a elegância discreta do verde-floresta.
- Rosa empoeirado (#DCA1A1) adiciona um toque suave e feminino, suavizando o visual geral e complementando a vibração natural do verde-floresta.
Outras cores que valem a pena considerar incluem cinza-ardósia para um visual moderno e chique, lavanda para um toque suave e contrastante de cor, e azul-claro para uma combinação refrescante e serena.
Embora o verde-floresta seja versátil, ele pode entrar em conflito com:
- Amarelo brilhante (#FFFF00) pode ser muito forte contra o verde-floresta, criando um contraste chocante que prejudica sua natureza calmante.
- Azul (#0000FF), com sua intensa vivacidade, pode perturbar o efeito calmo e fundamentado do verde-floresta, levando a uma combinação visualmente desconfortável.
- Rosa-choque (#FF69B4), embora animado, pode sobrecarregar a elegância sutil do verde-floresta, resultando em uma paleta muito vibrante e potencialmente avassaladora.
- Chartreuse (#CCFF00) apresenta um tom excessivamente saturado que pode ofuscar a qualidade profunda e rica do verde-floresta.
- Roxo profundo (#800080), embora rico e régio, pode competir muito fortemente com o verde-floresta, ofuscando sua serenidade natural e levando a uma paleta pesada e menos harmoniosa.
O verde-floresta representa crescimento, renovação e o ciclo interminável da vida. Este tom está intimamente associado ao ambientalismo e à sustentabilidade, destacando uma dedicação à conservação do nosso planeta e ao fomento de uma relação harmoniosa com a natureza.
Na psicologia das cores, o verde-floresta pode promover equilíbrio e harmonia, oferecendo uma influência calmante que pode aliviar o estresse e melhorar o bem-estar. Sua capacidade de criar uma forte conexão com a natureza o torna uma presença reconfortante.
No design de UI/UX, o verde-floresta pode ajudar a tornar uma plataforma mais tranquila e conectada à natureza. Funciona bem para marcas ecológicas ou aplicativos sobre bem-estar e atividades ao ar livre. Usar o verde-floresta em interfaces pode criar uma experiência serena de equilíbrio e rejuvenescimento, enfatizando o compromisso de uma marca com a sustentabilidade e a qualidade natural. Através do uso estratégico em elementos de design, o verde-floresta pode atrair consumidores conscientes do meio ambiente e enfatizar mensagens de crescimento e renovação.
O termo "verde-floresta" apareceu pela primeira vez em inglês no início do século 19, inspirado pelos tons verdes profundos encontrados em florestas densas. Ele tem sido usado em roupas e heráldica por séculos, representando riqueza, status e uma conexão com a terra.
Nos tempos modernos, o verde-floresta foi adotado por movimentos ambientais e marcas que desejam mostrar sua dedicação à sustentabilidade e à consciência ecológica. Seus tons intensos e exuberantes também o tornaram uma escolha popular em design de interiores, moda e branding para sugerir estabilidade, crescimento e a essência da natureza.
Os designers ainda usam o verde-floresta para incorporar um senso do mundo natural em seu trabalho, seja através de interfaces digitais, design de produtos ou branding visual.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Floresta Exuberante
Frutos da Floresta
Gruta Verde
Verificador de contraste
Contraste 6,06
- Texto grande
#2E6F40
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 3,46
- Texto grande
#2E6F40
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #2e6f40, conhecida como verde-floresta, tem valores RGB de R:46, G:111, B:64 e valores CMYK de C:59, M:0, Y:42, K:56.
| VALUE | CSS | |
|---|---|---|
| HEX | #2e6f40 | #2e6f40 |
| RGB DECIMAL | 46, 111, 64 | RGB(46,111,64) |
| RGB PERCENTAGE | 18.0, 43.5, 25.1 | RGB(18.0%,43.5%,25.1%) |
| CMYK | 59, 0, 42, 56 | |
| HSL | HSL(136.6, 41.4%, 30.8%) | HSL(136.6, 41.4%, 30.8%) |
| HSV (OR HSB) | 136.6°, 58.6, 43.5 | |
| WEB SAFE | #5110251 | #5110251 |
| BINARY | 00101110, 01101111, 01000000 | |
| iOS - SwiftUI | Color(red: 0.180, green: 0.435, blue: 0.251) | |
| iOS - UIKit | UIColor(red: 0.180, green: 0.435, blue: 0.251, alpha: 1) | |
| Android - Compose | Color(0xFF2E6F40) |
