50 Melhores esquemas de cores do website de 2021

Parece-te que certos esquemas de cores do website recebem apenas toda a atenção? Como com qualquer outro aspecto do design da web, existem esquemas de cores que tendem a ter mais tendência do que outros. Cores brilhantes, paletas de cores fortes, e até mesmo alguns esquemas de cor que não correspondem são elementos de tendência.

Aqui está um olhar para alguns dos melhores esquemas de cor do website de 2021 (sem ordem particular). Para cada um, estamos também a partilhar os códigos de cores que compõem os elementos chave do design, por isso é fácil brincar com estes esquemas de cores também!

Uma das maiores tendências em esquemas de cores que poderá notar é a utilização do azul escuro e da marinha, particularmente como cor dominante, e tonalidades de dourado e vermelho vivo ou rosa para acentos. Esta combinação escuro/luz é uma evolução do preto e do vermelho em muitos desenhos mínimos de alguns anos atrás, com um toque mais moderno.

Aqui estão alguns grandes exemplos de escolhas de cor bem feitas, para inspirar o seu próximo projecto.

The Ultimate Designer Toolkit: 2 Milhões+ de Activos

Envato Elementos dá-lhe acesso ilimitado a 2 milhões+ de recursos de design profissional, temas, modelos, fotos, gráficos e muito mais. Tudo o que alguma vez necessitará no seu kit de ferramentas de recursos de design.

Explorar recursos de design

Zoe Pepper

#361999#78fff1#ff6495
best website color

Com um fundo azul brilhante, é difícil perder a divertida combinação de cores para Zoe Pepper. As opções de acentos brilhantes dão vida à paleta de cores e funcionam excepcionalmente bem com a animação na página inicial. A melhor parte deste esquema de cores pode ser que seja brilhante e alegre sem ser demasiado brilhante. Isto mostra a verdadeira versatilidade do azul quando usado com os complementos de cor certos.

Yukon 1000

#162b32#ff4838
best website colorido

Yukon 1000 também está apodrecido num fundo azul; aqui com mais coloração de teal. O acento vermelho-alaranjado brilhante é tão saturado que não se pode deixar de passar do marreco mudo para ele. Os valores de saturação das escolhas de cor acrescentam profundidade e quase parece que se passa de uma tonalidade mate (teal) para um brilho com um valor quase de néon (vermelho-alaranjado).

Persoo

#490b3d#bd1e51#f1b814
best website color

Persoo usa uma combinação de cores que provavelmente não tentaria sem a ver primeiro. O trio de cores distinto tem uma vibração algo feminina e sente uma espécie de luz ao mesmo tempo. As escolhas de cor são perturbadoras para o website porque as ferramentas financeiras e baseadas no comércio electrónico muitas vezes se colam a uma paleta de cores segura baseada em tons azuis.

Studio Simpatico

#1a2238#9daaf2#ff6a3d#f4db7d
best website colorido

Studio Simpatico leva a marinha e o vermelho para o próximo nível com cores de acento adicionais para uma paleta mais ampla que é marcante. Cada cor tem uma finalidade – chave para paletas com muitas opções – e saturações de cor semelhantes fazem com que tudo seja em malha. Cada uma das cores do acento tem uma sensação semelhante que está na gama de tons médios, sem ser demasiado monótona ou brilhante.

Neverheart

#371bb1#05f4b7#12151f
best website color

Outra coisa que estamos a ver com cores são desenhos que usam pretos ricos em vez do antigo standby #000000. O preto rico fornece mais profundidade ao visual e é óptimo para grandes extensões e fundos. Aqui, ele se mistura bem com um azul arroxeado e verde menta brilhante. O resultado é moderno e interessante.

Sons Carnavais

#1fc58e#fae62d#191414
best website color

Sons Carnavais consegue combinar cores que mais uma vez parecem deslocadas utilizando-as. A esmeralda profunda com amarelo e preto são fáceis de ler, criam um grande fluxo de olhos através do ecrã, e fazem-no parar e olhar devido à natureza invulgar do esquema de cores.

I Weigh Community

#9cf6fb#e1fcfd#394f8a#4a#4a5fc1#e5b9a8#ead6cd
best website color

Brilhante e brilhante pode ser a melhor maneira de descrever este esquema de cores do I Weigh Community. O esquema de três cores explode para seis grandes opções com o uso de matizes de cada tonalidade. O resultado é simplesmente deslumbrante sem o sobrecarregar com cores. Esta é uma técnica que mais designs poderiam tirar partido para um visual moderno com muita cor.

Soviet Design

#1a2c42#be2f29#ecaf44#0c1115
best website color

Soviet Design utiliza um trio clássico de cores com um toque mais profundamente saturado. Cria uma certa escuridão e define o estado de espírito do projecto. Note-se que o preto aqui também é uma opção preta rica. O espaço branco junta a escuridão e a natureza sóbria deste esquema de cores, para que não se sinta demasiado pesado.

Bebidas feias

#00abe1#161f6d
best website color

Esquemas de cor azul-mono nunca desaparecem de moda. Esta combinação de azul escuro sobre azul claro da Ugly Drinks mostra que o azul também pode ser divertido. O simples fundo colorido é divertido e torna o resto do design fácil de ler e compreender. É também um aspecto distinto que difere de uma proliferação de fundos brancos ou fotográficos e cabeçalhos de heróis entre muitos designs de websites.

Taproot Foundation

#00a9d8#0d9edf#259b9a
best website colorido

Taproot Foundation usa um dos melhores e mais coloridos esquemas de cor de website por aí. A combinação de amarelo, azul e verde kelly trabalha em conjunto para explicar as diferentes facetas do grupo que ajuda as organizações sem fins lucrativos. Não é um esquema de cores do website que se vê frequentemente, mas a cor brilhante com um fundo branco é uma opção muito na moda.

Omega Levedura

#f7f7f7#7da2a9
melhor cor de website

Omega Levedura não parece ter uma paleta de cores para além do preto e branco à primeira vista, mas o design deste website faz algo que é uma grande ideia em tendências de cor. O esquema de cores está enraizado na imagem principal – neste caso um vídeo – em vez de um fundo ou elementos de interface de utilizador coloridos. Esta tendência de cor está a tornar-se mais comum porque os designers estão a usar imagens em ecrã inteiro para contar uma história de marca.

Farm Food

#ffffffff#a7bc5b#8da242
best website color

Farm Food usa uma paleta simples, natural, com um fundo branco de estilo mínimo, com verdes azeitonas brilhantes para chamar a atenção. Além disso, a paleta tem uma característica monótona com uma azeitona clara e escura para elementos. (É mais fácil ver esta mudança de cor no estado de pairar do botão.) Isto pode não ser um par de cores a que se chegue primeiro, mas é realmente impressionante.

Jebsen Careers

#3fd2c7#99ddff#00458b
melhor cor de website

Jebsen Careers usa azuis e verdes silenciosos para criar incríveis sobreposições de cor e elementos de design com cores mais saturadas. A combinação funciona bem sobre um fundo branco e mostra realmente o que se pode fazer ao trabalhar com variações da mesma cor. A marinha utilizada para os elementos de texto e o logótipo melhoram ainda mais a utilização geral da cor.

IC Creative

#fb8122#1d2228#e1e2e2e2
best website color

IC Creative usa uma sobreposição de cor escura – preto que não é verdadeiramente preto – com um acento brilhante e muito branco para criar uma cena convidativa. As sobreposições de cor em quase todas as tonalidades são uma grande tendência na cor do website e uma opção rica em preto, tal como a que está aqui é uma boa maneira de dar muito espaço a outros conteúdos no ecrã. Basta notar a manchete sobredimensionada e os sotaques e chamadas à acção brilhantes.

Mangrove Hotel

#d48166#373a36##e6e2dd
best website color

Embora as paletas de cores brilhantes tenham praticamente governado o design do website durante alguns anos, há uma mudança para mais paletas silenciosas para alguns projectos. O tom carnudo do Mangrove Hotel é quente e elogia bem o conteúdo. (Esta mesma cor também tem aparecido em algumas comunicações de marketing no Twitter.)

Slumber

#051622#1ba098#deb992
best website color

Slumber faz grande uso da cor do ano de Pantone – Azul Clássico – em imagens de aplicação e tons escuros no fundo e logótipo. A paring com ouro e verde é super trendy, elegante, e segue juntamente com o tema da noite e do sono.

Atlanta Brewing

#e40c2b#1d1d2c#f7f4e9#3cbcc3#eba63f#438945

Atlanta Brewing também usa um vermelho dominante com muitas outras cores de sotaque. Note-se que a paleta não só faz parte do design do website, como também se estende à embalagem do produto. Têm uma paleta bastante ampla com cores primárias como base e um fundo rico em preto e branco.

Sunny Street Café

#5c6e58#8aa899#f2d349
best website color

Sunny Street Café é brilhante com uma paleta de cores que combina perfeitamente com as imagens e linguagem no design. Os verdes e os amarelos juntos são uma combinação invulgar, mas é uma sensação amigável e correcta para o design deste pequeno almoço e local de almoço. O tema da cor também faz sobressair as imagens alimentares de forma agradável.

Distinção

#000000#1818#2cccccc3#facd3d#5626c4#e60576
melhor cor de website

Distinção utiliza a mesma base toda preta para a sua paleta de cores com um arco-íris de cores acentuadas. Se desejar uma paleta de cores ampla, esta é a forma de utilizar eficazmente a tendência.

Pittori di Cinema

#fdd935#000000
best website color

Minimalismo também pode ser a cores, como evidenciado pela Pittori di Cinema. O esquema amarelo vivo com preto é uma opção comum de minimalismo de alta cor. Quanto mais brilhante for a paleta de cores para este estilo, mais em tendência parece estar.

We (Heart) UX

#e1f2f7#ef0d50#eb3a70#e5bace
best website color

We (Heart) UX usa uma paleta de cores simples com um fundo azul pálido – escolha encantadora – e tons de vermelho rosado para o elemento de arte principal. Reunir estas cores com um estilo geo divertido está na moda, moderno, e simplesmente divertido de se ver.

Proud & Torn

#1f3044#fb9039#646c79
best website color

Proud & Torn usa a mesma jóia-conceito de tonalidade com uma combinação de cores ligeiramente mais silenciosa. A paleta de cores mais subtil ajuda a criar interesse visual para um website que apresenta muitas imagens sem cor.

Baobla

#56642a#849531#92a332
best website color

Baobla apresenta um gradiente de cor divertido num esquema de cores monótonas. Este estilo de paleta de cores é ideal para novas marcas ou identidades de produtos ou se procura causar muito impacto com uma tonalidade arrojada.

Centro de Emergência para Mulheres e Meninas

#faf0dc#0b4141#ff6864
best website color

Centro de Emergência para Mulheres e Meninas escolheu uma paleta de cores que não é demasiado feminina, ajudando a dar mais força à sua mensagem com cores a negrito. As escolhas de cor são altas em contraste e fáceis para os olhos e em termos de legibilidade. A escolha de sotaque brilhante está na moda e acrescenta ênfase a esse elemento.

Jean-Baptiste Kaloya Portfolio

#150734#0f2557#28559a#3778c2#4b9fe1#63bce5#7ed5ea

Jean-Baptiste Kaloya transforma provavelmente a cor mais popular no design de websites numa paleta monótona própria com diferentes graus de azul. Note também os gradientes suaves no azul mais claro.

Igor

#000000#fefefe#fdee30
best cor de website

Igor mostra o que é provavelmente a paleta de cores mais popular do website de 2019 – preto, branco e amarelo. Esta paleta de cores, embora vista em matizes variados, é amplamente popular. Esta combinação é provavelmente uma das mais apelativas.

Cowboy Bike

#000000#fa255e#c39ea0#f8e5e5e5
best website color

Cowboy Bike usa uma paleta de cores preta e brilhante que chama imediatamente a atenção. Enquanto a maioria dos sítios usa apenas preto para texto, este design incorpora-o na paleta brilhante e monótona.

Gabrielle Dolan

#e8eae3 #373833 #fa2742
best website color

Gabrielle Dolan’s website usa a paleta de cores cinzento-branco-brilhante tendência. Com uma distinta falta de cor para a maior parte do design, a cor brilhante parece saltar do ecrã. Cria apenas a área focal certa e a quantidade de contraste, e é por isso que esta é uma opção de esquema de cores de tendência.

Pixel Pantry

#9e15bf#4ac6d2
best website color

Pixel Pantry usa um par de cores distinto para mostrar esta tendência – púrpura e marreco. A combinação destas duas cores para criar uma paleta é quase irreal. Encontrará variações deste esquema em quase todos os lugares que virar.

Eleven Plants

#5daa68#3f6844#faf1cf
best website color

Eleven Plants usa um esquema de cores totalmente neutro que é harmonioso e fácil de ver. O verde combina bem com o conteúdo e as combinações de cores são simples e encantadoras.

Qvartz

#ee7879#2a3166#f4abaa#cae7df
best website color

Qvartz usa uma das cores de tendência mais inesperadas do ano de uma forma que imita muitos outros projectos. Com texto cor-de-rosa, blocos de cor-de-rosa e um mashup de cores arrojadas e mais suaves, esta paleta é um pouco feminina, mas não demasiado.

Sheerlink by RTX

#4a2c40#e9bd43#7d3780
best website color

Sheelink By RTX usa um gradiente moderno e cores arrojadas para chamar a atenção para o seu produto. As cores são profundas e temperamentais e o castanho-púrpura tem um sentido distinto de regalidade e mistério.

Puerto Mate

#5ce0d8#01345b#ffcf43
best website colorido

Puerto Mate utiliza cores de tendência que são ousadas sem ser dominantes. Como o painel central é da marinha, as cores brilhantes exteriores sentem-se um pouco menos na sua cara. (Imagine folhear estas tonalidades em diferentes locais no design.)

Loic Sciampagna Portfolio

#141824 #ffb600#0049ff
best website color

Loic Sciampagna’s portfolio usa uma das melhores combinações de azul e amarelo que irá encontrar. As tonalidades contrastantes são simples, elegantes e envolventes com o simples toque da luz, azul mais brilhante.

Canatal

#182978 #6688cc #acbfe6
best cor de website

Canatal usa bem as suas cores de marca de azul triplo neste design. É um exemplo de como usar uma paleta de cores monótonas sem ser aborrecido.

FFWD Digital

#f1e821#487afa#23c0ad
best website color

FFWD Digital usa as cores brilhantes de uma forma elegante e clássica. No papel, utilizar este trio de cores sobre um fundo escuro e claro pode parecer estranho, mas aqui, na realidade, é sem costura e adorável.

Tappezzeria Novecento

#191919#fab162
best website color

Tappezzeria Novecento usa um esquema de cores que a maioria se esquivaria – e funciona. A combinação brilhante de laranja e preto é simples e envolvente. As cores contrastam apenas o suficiente para que tudo seja fácil de ler. É também um toque agradável que as cores da marca estejam também nas imagens.

Tev

#252669#4ecb4a
best website color

Tev é tudo menos aborrecido com um fundo de cal e uma sobreposição de cores duotónicas. É ousado e o verde faz-nos pensar em dinheiro – exactamente o que o sítio foi concebido para fazer.

Niche & Cult

#4e3883#ffddcc
best website color

Niche & Cult usa tons suaves para uma marca de beleza com um toque mais feminino. O rosa suave faz lembrar alguns tons de pele e uma tela em branco para maquilhagem enquanto o roxo brilhante combina com o humor do site.

Sysdoc

#001730#4ad7d1#fe4a49
best website color

Sysdoc cria um novo spin numa paleta básica de vermelho, azul, e verde com opções mais brilhantes e menos saturadas para o vermelho e verde. A paleta é forte e macia e combina com quase qualquer outro conjunto de elementos.

Torradores de Café Veneziano

#f6f4f2#425664#c6ad8f
best cor de website

Torradores de Café Veneziano volta a uma paleta mais silenciosa com uma combinação cinzento-azul e dourado que é subtil e elegante. As cores combinam bem com as imagens do sítio web e criam a sensação certa.

Better Energy

#11abc1#df3062#f5b935#4bac3f
best website color

Better Energy utiliza cores brilhantes associadas à natureza – retiradas de imagens correspondentes – para criar uma paleta divertida para contar a história de algo que pode não ser super interessante de se falar.

Bast Galaxy

#0f0c24#a350a3#c1436d
best website color

Não poderíamos passar por um conjunto de tendências de cores frescas sem olhar para uma paleta dos anos 80. Tudo desde a década de 1980 parece ter tendências e isso inclui as cores usadas para a Blast Galaxy, uma combinação comumente observada de azul, roxo e rosa com um brilho de néon.

Kyle Decker Portfolio

#f5f5f5#8db48e#4d724d
best website color

Kyle Decker’s portfolio é outro website com um esquema de cores que brilha por ser tão simples. Utiliza uma combinação de neutros e apenas uma cor verdadeira para focar os olhos do utilizador.

Awink

#212221#1181b2#ddedf4#44449b
best website colorido

Awink Websolutions também usa uma escala de cores monótonas com tonalidades variáveis de azul. (O azul é uma opção popular quando se trata de opções monótonas.) Esta é apenas um pouco diferente graças aos sotaques mais profundos e mais escuros. Além disso, as áreas escuras e claras do ecrã quase jogam uma ilusão óptica, fazendo-nos pensar que há mais cores aqui do que realmente há.

Archibald Microbrewery

#d81c23#4fa8c2#d97441#d29849
best website color

Archibald Microbrewery usa um arco-íris de cores, mas a paleta é surpreendentemente bonita. Com cores todas em saturações semelhantes e seguindo um tema visualmente, junta-se de forma bastante perfeita.

Indegy

#45af2a#3fddc1#d56c06
best website color

Indegy usa um verde brilhante contra muitas fotos e cores altas. A cor simples, emparelhada principalmente com cinza e branco, adiciona uma resistência moderna ao design e ajuda a orientar os utilizadores através do conteúdo. (Há também acentos de marreco e laranja para estalos subtis de brilho em outros locais).

Knapsack

#ad4328#b65741
best website color

Knapsack usa um esquema de cor vermelha brilhante com gradientes para acrescentar interesse a uma cor que pode ser difícil de usar. Isto funciona porque não há muitos visuais de alta energia a competir com a paleta brilhante.

Demisol

#16519f#f07e74#f8dd2e#4fcbe9
best website color

Demisol usa demasiadas cores e demasiados elementos grandes, e é fabuloso de qualquer forma. Por vezes brincar com a cor é uma experiência; testá-la e ver se funciona.

Dropbox

#61082b#b4d0e7
best website color

Dropbox tem outro desses esquemas de cor que não deveria funcionar … mas funciona. O contraste entre o azul maroon profundo e o azul bebé estabelece um grande movimento dos olhos através da tela dividida. As cores funcionam igualmente bem como elementos de texto sobre a cor oposta. Mais uma vez, prova que por vezes basta experimentar opções de cor e ver como elas funcionam.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *