Paletas de Cores Pastel: 12 Paletas Suaves para Marcas com Códigos Hex

Uma paleta de cores pastel é fácil de amar e fácil de errar. Cores suaves criam uma marca gentil, mas um logo precisa de algo contra o qual se apoiar. Aqui estão doze paletas pastel e suaves com todos os códigos hex, e a cor mais escura de cada uma que faz o trabalho de sustentação.

O que faz uma paleta pastel se sustentar

Um pastel é uma cor levada em direção ao branco, e uma cor suave (muted) é uma cor reduzida em direção ao cinza. Ambas são calmas, e ambas perdem contraste rápido. Coloque Blush Pop #FFB6EB sobre Vanilla Custard #FFF7AE e o contorno desaparece.

Por isso as paletas abaixo não são conjuntos de iguais. Cada uma tem cores com funções diferentes: uma escura que define o texto e a marca, e outras suaves que preenchem o espaço. O quarto bloco de cada paleta mostra o par que uma marca realmente usaria, feito só com aquela paleta, sem branco nem preto adicionados.

Existem três caminhos para chegar lá. Dar uma espinha dorsal aos pastéis, deixar o escuro liderar uma paleta quieta, ou reservar os tons médios para os títulos. Para a versão barulhenta da mesma ideia, veja nosso paper sobre paletas de cores ousadas.

Pastéis com espinha dorsal

Pastéis criam marcas suaves, e logos fracos, a menos que uma cor faça o trabalho pesado. Em cada uma destas quatro há um par pastel e uma cor mais escura que pode carregar a marca.

Blush Pop

#2F3D46

Charcoal Blue

#FFB6EB

Blush Pop

#FFF7AE

Vanilla Custard

Blush Pop

Blush Pop sobre Charcoal Blue

Charcoal Blue sustenta Blush Pop e Vanilla Custard com folga. Carrega um logotipo em qualquer tamanho, então é a espinha dorsal mais forte das quatro.

Blue Hepatica

#6060EE

Blue Hepatica

#F8CFFF

Pink Diamond

#CCDEF8

Fly a Kite

Blue Hepatica

Pink Diamond sobre Blue Hepatica

Uma espinha dorsal mais suave. Blue Hepatica funciona para uma marca grande sobre Pink Diamond ou Fly a Kite, mas não para o texto pequeno embaixo. Coloque o slogan em algo mais escuro.

Van Dyke

#693E21

Van Dyke Brown

#F7EBA9

Bleached Sunflower

#C6D6EF

Misty Mountains

Van Dyke

Bleached Sunflower sobre Van Dyke Brown

Van Dyke Brown sustenta Bleached Sunflower com folga. Misty Mountains acrescenta um pálido frio ao lado do par quente.

Polished Copper

#B7672C

Polished Copper

#D0EBFC

Cloudless

#FBF7F1

Morning Snow

Polished Copper

Morning Snow sobre Polished Copper

Polished Copper segue a mesma regra de Blue Hepatica: use no logo, não no texto miúdo. Cloudless e Morning Snow são os dois fundos pálidos.

Paletas quietas lideradas pelo escuro

Uma paleta quieta funciona por luminosidade, não por matiz. Se o escuro fica longe do claro, três quase neutros ainda se leem como uma marca. Este também é o caso mais claro de paleta de cores suaves: pouca saturação, e a estrutura vem da distância entre escuro e claro.

Demitasse

#40342B

Demitasse

#DBD5D1

White Sand

#F0EDE5

Coconut Milk

Demitasse

Coconut Milk sobre Demitasse

Demitasse, White Sand e Coconut Milk são três neutros, e ainda se leem como uma marca porque o escuro fica longe do claro.

Olive Leaf

#31031F

Midnight Violet

#66693E

Olive Leaf

#FFF8ED

Floral White

Olive Leaf

Floral White sobre Midnight Violet

Midnight Violet sobre Floral White vai ainda mais longe, a maior distância deste conjunto. Olive Leaf fica entre eles como a única cor com matiz claro.

Wild Ginger

#492A34

Winetasting

#7C4C53

Wild Ginger

#DED7C8

Turtledove

Wild Ginger

Turtledove sobre Winetasting

Winetasting e Wild Ginger ficam muito próximas. Perto demais para texto, e certas para um padrão ou uma faixa atrás de um logo. Turtledove é a cor que carrega as palavras.

Arcane Red

#642828

Arcane Red

#ACB9D9

Lilac Sachet

#FAF6EB

Dipped in Cream

Arcane Red

Dipped in Cream sobre Arcane Red

Um vermelho profundo com um lilás frio e um creme. O vermelho e o creme fazem a leitura, e Lilac Sachet é a única nota fria.

O truque para lembrar: tom sobre tom é textura, não cor de texto. Use duas cores próximas lado a lado para um padrão, e traga a distante para as palavras.

Tons médios são para títulos

Sua cor do meio é uma cor de título. Garden Matcha, Grape Nectar e Oil Blue são tons médios, então contra qualquer outra cor da paleta funcionam para um logo grande ou um título e são fracos demais para texto pequeno. Deixe o escuro fazer a leitura e guarde o tom médio para as formas grandes.

Light Coral

#FCF0D6

Papaya Whip

#E88F93

Light Coral

#05334A

Deep Space Blue

Light Coral

Light Coral sobre Deep Space Blue

A exceção. Light Coral sobre Deep Space Blue é forte o bastante para carregar também o texto pequeno, então esta paleta deixa a cor barulhenta fazer os dois trabalhos.

Garden Matcha

#668B4A

Garden Matcha

#F8F1DC

Milk Foam

#5A4636

Mocha

Garden Matcha

Milk Foam sobre Mocha

Mocha sustenta Milk Foam e lê com facilidade. Garden Matcha vai nas formas grandes, como uma faixa, um painel ou um título.

Grape Nectar

#8D5C74

Grape Nectar

#F4C29F

Almond Cream

#502B33

Port Royale

Grape Nectar

Port Royale sobre Almond Cream

Port Royale sustenta Almond Cream. Grape Nectar é a cor das formas grandes, e as palavras ficam no par escuro.

Oil Blue

#658C88

Oil Blue

#2C333E

Blueberry

#D1EFED

Mint Julep

Oil Blue

Blueberry sobre Mint Julep

Blueberry sustenta Mint Julep. Oil Blue é o tom médio, usado nas áreas grandes e deixado de fora do texto pequeno.

As doze paletas em uma tabela

Como usar uma paleta pastel na sua marca

1. Nomeie a espinha dorsal primeiro. Antes de se apaixonar pelas cores suaves, escolha a cor mais escura que vai carregar o logo e as palavras, como Port Royale #502B33 sob Almond Cream #F4C29F.
2. Dê ao tom médio só trabalhos grandes. Títulos, faixas, painéis e marcas grandes. Nunca a nota de rodapé.
3. Use a cor mais pálida como página. A maior parte do que as pessoas veem de uma marca é fundo, e um creme suave ou um tom pálido é mais calmo que o branco puro.
4. Teste o logo em uma cor só. Se ele só funciona no pastel, vai falhar em um carimbo, um recibo ou uma foto escura. Nosso paper sobre paleta de cores da marca cobre o sistema completo, e harmonia de cores explicada mostra por que essas combinações funcionam bem juntas.

Baixe os arquivos de cada família

Cada família é um conjunto de cores gratuito no Forge, com códigos para copiar com um toque, arquivos de amostras para Figma e Adobe (ASE), variáveis CSS e design tokens.

Conjunto de cores gratuito

Pastéis com espinha dorsal: Blush Pop, Blue Hepatica, Van Dyke, Polished Copper

Todos os hex, mais amostras ASE, variáveis CSS e design tokens.

Abrir o conjunto

Conjunto de cores gratuito

Paletas quietas lideradas pelo escuro: Demitasse, Olive Leaf, Wild Ginger, Arcane Red

Todos os hex, mais amostras ASE, variáveis CSS e design tokens.

Abrir o conjunto

Conjunto de cores gratuito

Tons médios são para títulos: Light Coral, Garden Matcha, Grape Nectar, Oil Blue

Todos os hex, mais amostras ASE, variáveis CSS e design tokens.

Abrir o conjunto

FAQ

O que é uma paleta de cores pastel?

Uma paleta de cores pastel é um conjunto de cores suaves e claras, como Blush Pop #FFB6EB, Pink Diamond #F8CFFF e Fly a Kite #CCDEF8. Para uma marca, funciona melhor quando se adiciona uma cor mais escura para carregar o logo e o texto.

O que é uma paleta de cores suaves (muted)?

Uma paleta de cores suaves usa cores com pouca saturação, como os neutros Demitasse #40342B, White Sand #DBD5D1 e Coconut Milk #F0EDE5. Ela ganha estrutura da distância entre o escuro e o claro, não de matizes vivos.

Que cores combinam com pastéis?

Uma cor profunda de um matiz relacionado. Charcoal Blue #2F3D46 sustenta Blush Pop #FFB6EB, e Van Dyke Brown #693E21 sustenta Bleached Sunflower #F7EBA9. Os pastéis viram o fundo e o escuro faz o trabalho.

Posso usar uma cor pastel em um logo?

Pode, se ela estiver sobre uma cor mais escura ou se a marca for feita em uma mais escura. Um logo pastel sobre fundo pálido perde o contorno. Espinhas dorsais mais suaves, como Blue Hepatica #6060EE, servem para uma marca grande, mas não para o texto pequeno ao lado.

Quais cores de uma paleta devo usar nos títulos?

As do meio. Em Garden Matcha, Grape Nectar e Oil Blue, o tom médio é uma cor de título e o escuro carrega o texto pequeno. Light Coral #E88F93 sobre Deep Space Blue #05334A é a exceção, porque é forte o bastante para os dois.

Essas paletas de cores são gratuitas?

Sim. Os códigos hex são livres para usar em qualquer projeto, e cada família é um download gratuito no Forge com arquivos de amostras e CSS.

Fontes

• Nomes de cores e códigos hex retirados dos cartões de paleta do quadro de cores da nossa equipe, conferidos com os conjuntos de cores publicados no Forge.
• Legibilidade de cada par verificada com a fórmula de contraste do WCAG 2. Pastéis com espinha dorsal: Charcoal Blue e Van Dyke Brown carregam texto sobre seus pastéis, enquanto Blue Hepatica e Polished Copper são espinhas dorsais mais suaves, adequadas a marcas grandes. Os tons médios de Garden Matcha, Grape Nectar e Oil Blue atingem o mínimo do WCAG apenas para texto grande; Light Coral passa para texto pequeno sobre Deep Space Blue.
• Publicado originalmente como três carrosséis no Logo Brainy: Pastéis com espinha dorsal, Paletas quietas lideradas pelo escuro e Tons médios são para títulos.