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

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

O pêssego é calor sem volume: a cor da pele saudável, da fruta madura e da luz do fim de tarde. É perfeito para marcas gentis, desde que nunca pareça desbotado. Veja os 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 transmite calor, gentileza e proximidade.
- O pêssego parece desbotado quando todas as paradas têm o mesmo tom pálido, então dê a ele uma parada mais profunda de damasco ou terracota.
- Rosa, lavanda, sálvia e creme combinam bem com o pêssego; em intensidade pastel, até parceiros frios se misturam de forma limpa.
- Um marrom quente como #5a2e1a lê melhor sobre o pêssego do que o preto, e o texto branco falha em quase todo o espectro.
- O pêssego combina com cuidados com a pele, velas, padarias, marcas de bebê, floriculturas, 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 gentis com que se pode criar. Parece próximo, humano e calmo, e por isso cuidados com a pele, fabricantes de velas, padarias e marcas de bebê recorrem a ele. Sua única fraqueza é sumir quando todas as paradas são igualmente pálidas. Dê a ele uma parada mais profunda de damasco ou terracota e um marrom quente para a tipografia, e ele se sustenta.

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

O pêssego cobre uma faixa pequena, mas sutil, de quase creme a um damasco rosado. Estas são as paradas usadas ao longo deste artigo. A Pantone também nomeou um pêssego suave, o Peach Fuzz, como cor do ano de 2024; [cor do ano da Pantone](https://gradiently.design/pt-br/guide/pantone-color-of-the-year) traz o contexto.

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

Uma escada de pêssegos, de concha a terracota, mais um marrom cacau para a tipografia. `#ffdab9` é a cor nomeada do CSS peachpuff.

## Degradês pêssego suaves

Os pêssegos do dia a dia. Cada um começa perto do creme e termina em uma cor clara e quente, então sempre há uma área calma para as palavras e uma mais rica para o olhar descansar.

- De 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%)`
- Geleia de damasco: `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.

Use-os onde a suavidade é a mensagem. As fotos de produto de uma marca de cuidados com a pele em 2048×2048 ficam mais calmas em “Pêssego linho” do que no branco. A lista de preços de uma floricultura fica acolhedora em “De concha a pêssego”. O hero do site de uma terapeuta em “Luz da tarde” diz bem-vindo antes de qualquer palavra ser lida. Em todos os casos, o pêssego faz o trabalho emocional, então mantenha o layout simples e deixe a cor respirar.

## Pêssego com rosa, lavanda ou sálvia

O pêssego combina bem com outras cores. O rosa é seu vizinho natural e o torna romântico. A lavanda fica do outro lado do círculo, mas se mistura de forma limpa em intensidade pastel, dando aquele visual de céu do início da noite. A sálvia soma uma nota terrosa e adulta que combina com bem-estar e interiores. Para outras combinações suaves, veja [degradês pastel](https://gradiently.design/pt-br/guide/pastel-gradients) e [degradês lavanda](https://gradiently.design/pt-br/guide/lavender-gradient).

- Pêssego e rosa: `linear-gradient(135deg, #ffdab9 0%, #fbcfe8 100%)`
- Pêssego e lavanda: `linear-gradient(135deg, #ffd8c2 0%, #ddd6fe 100%)`
- Pêssego e sálvia: `linear-gradient(135deg, #ffe0cc 0%, #dbe5d4 100%)`
- Céu das 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. Nessas intensidades suaves, até a lavanda e a sálvia se misturam ao pêssego sem virar cinza.

## Degradês pêssego mais profundos: do damasco à terracota

Quando uma marca precisa de mais confiança, leve o pêssego até o damasco e a terracota. Eles lembram barro e paredes aquecidas pelo sol, e combinam com cerâmica, comida mediterrânea, cosméticos naturais e interiores. A ponta profunda também dá um lugar para títulos brancos. [Degradês laranja](https://gradiently.design/pt-br/guide/orange-gradient) segue para a faixa mais viva e mais forte.

- Aquecido pelo sol: `linear-gradient(180deg, #ffdab9 0%, #f6a07a 50%, #c8703f 100%)`
- Vaso 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 alto ou em branco embaixo.

## Por que o pêssego parece desbotado, e a solução

### Desbotado

- Todas as paradas no mesmo tom pálido
- Tipografia preta ou cinza que parece dura contra ele
- Branco puro ao lado, que faz o pêssego parecer sujo
- Tipografia fina e clara que desaparece

### Quente e nítido

- Uma parada mais profunda de damasco ou terracota
- Tipografia marrom cacau, quente como o fundo
- Concha ou creme em vez de branco puro
- Tipografia com peso suficiente para sustentar a cor

O ponto de branco puro pega muita gente de surpresa. Ao lado de um branco vivo, um pêssego pálido pode parecer meio encardido, porque o olho o compara com algo muito mais limpo. Um concha quente como `#fff5ee` mantém toda a paleta sob a mesma luz. O mesmo vale para cinzas frios em ícones e divisores: troque-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, então é 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 o pêssego rubor e ainda cerca de 5,5 para 1 sobre o damasco rosado, mantendo o calor. [Contraste de cor e acessibilidade](https://gradiently.design/pt-br/guide/color-contrast-accessibility) traz o método completo.

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

O marrom cacau passa em toda a faixa do pêssego suave. O branco precisa da terracota mais profunda, como `#8a3d1f`.

## Construindo um visual de marca gentil com pêssego

1. **Escolha um fundo** Concha ou linho para a maioria dos designs, para que tudo pareça um papel quente.
2. **Escolha um degradê como assinatura** Use-o em todo post e página, em vez de um pêssego diferente a cada vez. A consistência é o que torna reconhecível uma cor suave.
3. **Adicione um parceiro** Rosa, lavanda ou sálvia, em pequenas doses: um botão, um adesivo, uma borda.
4. **Componha a tipografia em cacau** Títulos e texto corrido no mesmo marrom quente. Guarde o branco para as áreas de terracota mais profunda.
5. **Dê a ele uma superfície** Um grão fino faz o pêssego parecer papel ou veludo, e não um preenchimento chapado de tela. [Textura de degradê](https://gradiently.design/pt-br/guide/gradient-texture) compara as opções.

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

Uma foto de anúncio da Etsy em 2700×2025, pêssego com tipografia cacau.

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

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

O Gradiently facilita a parte repetitiva: um design, todos os tamanhos em um só passo com o Pro e um Mark que mantém seu visual pêssego exatamente igual onde quer que apareça. Cada Mark é conferido contra todos os outros para que não haja dois iguais, e depois de reservar um, só você pode exportar com ele. [Branding para negócio de velas](https://gradiently.design/pt-br/guide/candle-business-branding) traz 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 do CSS peachpuff é `#ffdab9`.

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

Rosa, lavanda, verde-sálvia, amarelo-manteiga, creme e marrom cacau. Use um parceiro de cada vez.

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

Um marrom quente como `#5a2e1a`. Ele passa no contraste e parece mais suave que o preto; o texto branco falha sobre o pêssego claro.

### Por que meu fundo pêssego parece sem graça?

Provavelmente todas as paradas têm o mesmo tom pálido, ou ele está ao lado de branco puro. Adicione uma parada mais profunda de damasco e troque o branco por um concha quente.

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

Combina com marcas gentis e calorosas, como cuidados com a pele, velas, padarias, floriculturas e produtos para bebês. Serve menos para marcas que precisam parecer ousadas ou técnicas.