# Degradê pêssego: códigos quentes e suaves para marcas delicadas

[Canonical HTML page](https://gradiently.design/pt-pt/guide/peach-gradient)

O pêssego é calor sem volume: a cor da pele saudável, da fruta madura e da luz do fim da tarde. É perfeito para marcas delicadas, desde que nunca pareça desbotado. Eis códigos e as regras que o mantêm fresco.

## The short version

- Um degradê pêssego mistura laranjas suaves e claros com rosa ou creme, e lê-se como quente, delicado e acolhedor.
- O pêssego parece desbotado quando todas as paragens têm o mesmo tom pálido, por isso dá-lhe uma paragem mais profunda em alperce ou terracota.
- Rosa, alfazema, salva e creme combinam bem com pêssego; em força pastel, até parceiros frios se misturam limpos.
- Um castanho quente como #5a2e1a lê-se melhor sobre pêssego do que o preto, e o texto branco falha em quase todos os tons.
- O pêssego serve cuidados de pele, velas, pastelarias, marcas de bebé, floristas, terapeutas e papelaria de casamento.

Um **degradê pêssego** mistura laranjas suaves e claros com um toque de rosa ou creme, e é uma das cores quentes mais delicadas com que podes desenhar. Parece acolhedor, humano e calmo, e é por isso que cuidados de pele, fabricantes de velas, pastelarias e marcas de bebé recorrem a ele. A sua única fraqueza é desaparecer quando todas as paragens são igualmente pálidas. Dá-lhe uma paragem mais profunda em alperce ou terracota e um castanho quente para o texto, e aguenta-se bem.

## Códigos de cor pêssego para começar

O pêssego cobre uma gama pequena mas subtil, de quase creme a um alperce rosado. Estas são as paragens usadas neste artigo. A Pantone também nomeou um pêssego suave, Peach Fuzz, como cor do ano de 2024; o artigo [cor do ano Pantone](https://gradiently.design/pt-pt/guide/pantone-color-of-the-year) explica o contexto.

- Concha: #fff5ee
- Pêssego rubor: #ffe5d4
- Pêssego claro: #ffdab9
- Pêssego: #ffcba4
- Alperce: #fbb995
- Alperce rosado: #f6a07a
- Terracota: #c8703f
- Tinta cacau: #5a2e1a

Uma escada de pêssego, de concha a terracota, mais um castanho cacau para o texto. `#ffdab9` é a cor nomeada em CSS peachpuff.

## Degradês pêssego suaves

Os pêssegos do dia a dia. Cada um começa perto do creme e termina numa cor quente e clara, para haver sempre uma zona calma para as palavras e uma zona mais rica onde o olhar pousa.

- Concha a pêssego: `linear-gradient(180deg, #fff5ee 0%, #ffcba4 100%)`
- Pêssego maduro: `linear-gradient(135deg, #ffe5d4 0%, #fbb995 100%)`
- Luz da tarde: `radial-gradient(circle at 30% 25%, #fff8f2 0%, #ffdab9 45%, #f6a07a 100%)`
- Doce de alperce: `linear-gradient(160deg, #fef3e7 0%, #ffdab9 50%, #fbb995 100%)`
- Pêssego linho: `linear-gradient(135deg, #fff1e6 0%, #fcd5c0 100%)`

Cinco degradês pêssego suaves. A ponta mais escura é o que impede cada um de parecer desbotado.

Usa-os onde a suavidade é a mensagem. As fotografias de produto de uma marca de cuidados de pele a 2048×2048 parecem mais calmas em “Pêssego linho” do que em branco. A lista de preços de uma florista lê-se com calor em “Concha a pêssego”. O hero do site de uma terapeuta em “Luz da tarde” diz bem-vindo antes de se ler uma só palavra. Em cada caso, o pêssego faz o trabalho emocional, por isso mantém a composição simples e deixa a cor respirar.

## Pêssego com rosa, alfazema ou salva

O pêssego dá-se bem com os outros. O rosa é o seu vizinho natural e torna-o romântico. A alfazema está do outro lado da roda, mas mistura-se limpa em força pastel, dando aquele aspeto de céu do início da noite. A salva acrescenta uma nota terrosa e adulta que serve bem-estar e interiores. Para outros pares suaves, vê [degradês pastel](https://gradiently.design/pt-pt/guide/pastel-gradients) e [degradês de alfazema](https://gradiently.design/pt-pt/guide/lavender-gradient).

- Pêssego e rosa: `linear-gradient(135deg, #ffdab9 0%, #fbcfe8 100%)`
- Pêssego e alfazema: `linear-gradient(135deg, #ffd8c2 0%, #ddd6fe 100%)`
- Pêssego e salva: `linear-gradient(135deg, #ffe0cc 0%, #dbe5d4 100%)`
- Céu às seis: `linear-gradient(180deg, #c7d2fe 0%, #fbcfe8 50%, #ffdab9 100%)`
- Pêssego e manteiga: `linear-gradient(135deg, #fef3c7 0%, #ffcba4 100%)`

Pêssego com parceiros. Nestas forças suaves, até a alfazema e a salva se misturam com o pêssego sem ficarem cinzentas.

## Degradês pêssego mais profundos: de alperce a terracota

Quando uma marca precisa de mais confiança, leva o pêssego até ao alperce e à terracota. Parecem barro e paredes cozidas pelo sol, e servem cerâmica, comida mediterrânica, cosmética natural e interiores. A ponta profunda dá-te também um sítio para títulos brancos. Os [degradês laranja](https://gradiently.design/pt-pt/guide/orange-gradient) continuam para a gama mais viva e mais forte.

- Cozido ao sol: `linear-gradient(180deg, #ffdab9 0%, #f6a07a 50%, #c8703f 100%)`
- Pote de barro: `linear-gradient(135deg, #fbb995 0%, #b4532a 100%)`
- Brilho de terracota: `radial-gradient(circle at 75% 20%, #ffe5d4 0%, #f6a07a 35%, #8a3d1f 100%)`

Pêssego com profundidade. Os títulos vão em cacau no topo ou em branco em baixo.

## Porque é que o pêssego parece desbotado, e como o resolver

### Desbotado

- Todas as paragens com o mesmo tom pálido
- Texto preto ou cinzento que parece duro contra ele
- Branco puro ao lado, que faz o pêssego parecer sujo
- Texto fino e leve que desaparece

### Quente e nítido

- Uma paragem mais profunda em alperce ou terracota
- Texto castanho cacau, quente como o fundo
- Concha ou creme em vez de branco puro
- Texto com peso suficiente para levar a cor

O ponto de branco puro apanha muita gente. Ao lado de um branco vivo, o pêssego pálido pode parecer ligeiramente sujo, porque o olhar compara-o com algo muito mais limpo. Um tom concha quente como `#fff5ee` mantém a paleta inteira sob a mesma luz. O mesmo vale para os cinzentos frios em ícones e separadores: troca-os por um taupe suave.

## Cor do texto sobre um degradê pêssego

O pêssego é claro. Branco sobre `#ffcba4` mede menos de 1,5 para 1, por isso é ilegível. O preto passa, mas parece frio e pesado contra algo tão suave. Um cacau quente como `#5a2e1a` mede mais de 9 para 1 sobre pêssego rubor e ainda cerca de 5,5 para 1 sobre alperce rosado, mantendo o calor. [Contraste de cor e acessibilidade](https://gradiently.design/pt-pt/guide/color-contrast-accessibility) tem o método completo.

| Fundo | Texto branco | Texto cacau #5a2e1a |
| --- | --- | --- |
| Pêssego rubor `#ffe5d4` | Falha | Acima de 9:1 |
| Pêssego `#ffcba4` | Menos de 1,5:1, falha | Cerca de 7,8:1 |
| Alperce `#fbb995` | Falha | Cerca de 6,8:1 |
| Alperce rosado `#f6a07a` | Cerca de 2:1, falha | Cerca de 5,6:1 |

O castanho cacau passa em toda a gama de pêssegos suaves. O branco precisa da terracota mais profunda, como `#8a3d1f`.

## Construir um visual delicado com pêssego

1. **Escolhe um fundo** Concha ou linho para a maioria dos designs, para que tudo pareça papel quente.
2. **Escolhe um degradê como assinatura** Usa-o em todas as publicações e páginas, em vez de um pêssego diferente de cada vez. A consistência é o que torna uma cor suave reconhecível.
3. **Acrescenta um parceiro** Rosa, alfazema ou salva, em pequenas quantidades: um botão, um autocolante, uma borda.
4. **Compõe o texto em cacau** Títulos e corpo no mesmo castanho quente. Guarda o branco para as zonas de terracota mais profunda.
5. **Dá-lhe uma superfície** Um grão fino faz o pêssego parecer papel ou veludo em vez de um preenchimento plano de ecrã. O artigo [textura em degradês](https://gradiently.design/pt-pt/guide/gradient-texture) compara as opções.

Imagem de anúncio de uma loja de velas, com texto castanho cacau sobre um degradê pêssego suave

Uma fotografia de anúncio Etsy a 2700×2025, pêssego com texto cacau.

O mesmo design da loja de velas como pin alto do Pinterest sobre o degradê pêssego

O mesmo design como pin do Pinterest a 1000×1500, renderizado para o quadro alto.

A Gradiently torna fácil a parte da repetição: um design, todos os tamanhos num só passo com o Pro, e um Mark que mantém o teu visual pêssego exatamente igual onde quer que apareça. Cada Mark é verificado contra todos os outros para que dois nunca sejam iguais, e depois de reservares um, só tu podes exportar com ele. O artigo [identidade de marca para negócios de velas](https://gradiently.design/pt-pt/guide/candle-business-branding) tem mais para pequenos artesãos.

## FAQ

### Qual é o código hex do pêssego?

Códigos comuns de pêssego incluem `#ffcba4` e `#ffe5b4`. A cor nomeada em CSS peachpuff é `#ffdab9`.

### Que cores combinam com um degradê pêssego?

Rosa, alfazema, verde salva, amarelo manteiga, creme e castanho cacau. Usa um parceiro de cada vez.

### Que cor de texto vai sobre pêssego?

Um castanho quente como `#5a2e1a`. Passa o contraste e parece mais suave do que o preto; o texto branco falha sobre pêssego claro.

### Porque é que o meu fundo pêssego parece baço?

Provavelmente todas as paragens são igualmente pálidas, ou está ao lado de branco puro. Acrescenta uma paragem de alperce mais profunda e troca o branco por um tom concha quente.

### O pêssego é uma boa cor de marca?

Serve marcas delicadas e quentes, como cuidados de pele, velas, pastelarias, floristas e produtos de bebé. Serve menos marcas que precisem de parecer ousadas ou técnicas.