Pêssego é um tom suave e delicado que combina tons de laranja e amarelo com um toque de rosa. Esta cor suave e quente está na seção vermelho-amarelo do círculo cromático, exalando frescor e feminilidade. Oferece uma presença calmante e reconfortante, ideal para designs que buscam ser acessíveis e tranquilos.

Pêssego é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FFD3AC
- Valor RGB: 100% vermelho, 82,7% verde e 67,5% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Para usar pêssego de forma eficaz no design de UI, considere estas abordagens:
- Realce suavemente elementos-chave. Use pêssego para destacar recursos importantes como botões de CTA. É uma alternativa sutil a cores mais brilhantes—um empurrão suave em vez de um grito.
- Aqueça o design. Adicione tons de pêssego para tornar os espaços digitais mais acolhedores e convidativos.
- Combine com cores complementares. Pêssego funciona bem com azuis ou verdes suaves, criando um esquema de cores visualmente atraente e equilibrado. Esta combinação é agradável aos olhos e pode melhorar a experiência do usuário.
- Considere para fundos. Um fundo na cor pêssego pode fornecer uma tela quente e clara que torna o texto e outros elementos fáceis de ler. É excelente para criar uma atmosfera suave e positiva sem sacrificar a funcionalidade.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura—e a qualquer momento. Se você está projetando para um público global, pesquise as considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro quente e convidativo do pêssego, considere:
- Damásco (#FBCEB1) se assemelha ao pêssego, mas com um tom ligeiramente mais alaranjado, evocando uma sensação de calor e conforto semelhante ao suave abraço de um damasco maduro.
- Salmão (#FF8C69) introduz um pouco mais de rosa, misturando a suavidade do pêssego com um toque de calor vibrante, tornando-o animado e ao mesmo tempo reconfortante.
- Coral (#FF8559) é mais brilhante e pronunciado, capturando o espírito energético das águas tropicais enquanto mantém a qualidade suave e convidativa do pêssego.
- Melão (#FDBCB4) oferece uma alternativa mais suave e ligeiramente rosada, ecoando a delicadeza e a doçura sutil do pêssego em um tom sereno e reconfortante.
Para complementar os tons delicados do pêssego, considere combiná-lo com:
- Verde menta (#98FF98) para um contraste fresco e vibrante, destacando a suavidade do pêssego com um toque de frescor primaveril.
- Lavanda (#E6E6FA) introduz um toque suave e encantador, criando uma paleta romântica e suave que enfatiza a graça feminina do pêssego.
- Verde-azulado (#069494) oferece um contraste profundo e rico, equilibrando a leveza do pêssego com sua profundidade oceânica e terrosa para um visual sofisticado e equilibrado.
- Azul acinzentado (#5D8AA8) fornece um fundo calmo e sereno, permitindo que os tons quentes do pêssego brilhem suavemente contra um céu pacífico.
- Bege quente (#F5F5DC) harmoniza-se lindamente com o pêssego, criando uma paleta neutra e coesa que é convidativa e elegantemente discreta.
Outras cores que valem a pena considerar incluem cinza suave para um visual moderno e minimalista, bordô profundo para um contraste ousado e dramático, e dourado pálido para um toque de luxo sutil.
Embora o pêssego seja geralmente versátil, ele pode entrar em conflito com:
- Verde limão (#89F336) pode ser muito chamativo, potencialmente sobrecarregando a suavidade calorosa do pêssego com sua intensidade vívida.
- Azul neon (#0000FF), com sua alta saturação, pode sobrepujar os tons suaves e sutis do pêssego, levando a uma experiência visual discordante.
- Roxo elétrico (#6A0DAD) oferece um contraste ousado e vibrante que pode ofuscar a sutileza do pêssego, perturbando a harmonia da paleta.
- Amarelo brilhante (#FFFF00), embora ensolarado e alegre, pode competir com o pêssego por atenção, potencialmente criando uma combinação chocante e excessivamente brilhante.
- Marrom chocolate escuro (#654321), embora rico e profundo, pode atenuar a qualidade leve e arejada do pêssego, levando a uma paleta pesada e menos coesa.
Em muitas culturas, o pêssego representa juventude e saúde, sugerindo renovação e vitalidade como o novo começo da primavera. Sua suavidade e calor transmitem conforto e cuidado. Também pode simbolizar sinceridade e afeto. Na psicologia das cores, a energia suave do pêssego incentiva a abertura e o espírito comunitário. É visto como acolhedor, ajudando a aliviar o estresse ou a mudança com compaixão e empatia.
No design de UI/UX, o pêssego pode funcionar para criar uma interface amigável e acessível. Sua suavidade e calor convidam ao engajamento do usuário—ideal para plataformas que promovem interações positivas e comunidade. A conexão desta cor com juventude, saúde e renovação pode ajudar a criar experiências frescas e inovadoras.
Na antiga China, a cor e a fruta simbolizavam a imortalidade devido à associação da árvore de pêssego com longevidade. À medida que essas crenças se espalharam ao longo da Rota da Seda, o pêssego influenciou a arte e o simbolismo em todo o mundo. Durante o Renascimento, artistas como Sandro Botticelli em "O Nascimento de Vênus" usaram tons de pêssego para trazer um calor e suavidade realistas às suas obras.
O século 19 viu o pêssego se popularizar em interiores e moda vitorianos e eduardianos como símbolo de modéstia e inocência. Com os corantes sintéticos no século 20, o pêssego tornou-se um elemento básico em bens de consumo, design gráfico e branding por sua natureza calorosa e convidativa.
Um momento notável na história moderna do pêssego foi a introdução de um iMac na cor pêssego pela Apple no final dos anos 1990.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Chá da Manhã
Céus da Ilha
Pêssego Fresco
Verificador de contraste
Contraste 1,38
- Texto grande
#FFD3AC
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 15,17
- Texto grande
#FFD3AC
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #ffd3ac, conhecida como pêssego, tem valores RGB de R:255, G:211, B:172 e valores CMYK de C:0, M:17, Y:33, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffd3ac | #ffd3ac |
| RGB DECIMAL | 255, 211, 172 | RGB(255,211,172) |
| RGB PERCENTAGE | 100.0, 82.7, 67.5 | RGB(100.0%,82.7%,67.5%) |
| CMYK | 0, 17, 33, 0 | |
| HSL | HSL(28.2, 100.0%, 83.7%) | HSL(28.2, 100.0%, 83.7%) |
| HSV (OR HSB) | 28.2°, 32.5, 100.0 | |
| WEB SAFE | #255204153 | #255204153 |
| BINARY | 11111111, 11010011, 10101100 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.827, blue: 0.675) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.827, blue: 0.675, alpha: 1) | |
| Android - Compose | Color(0xFFFFD3AC) |


