20 combinações de paletas em amarelo e turquesa moderno + códigos Hex

Amarelo e turquesa formam uma combinação moderna e de alto impacto que transmite simultaneamente sensações ensolaradas e refrescantes—perfeita para branding costeiro, interfaces limpas e visuais de verão animados.

Neste guia, você encontrará 20 paletas de cores em amarelo e turquesa prontas para usar com códigos HEX, além de dicas práticas sobre contraste, detalhes e mockups gerados por IA.

Por que as paletas amarelo e turquesa funcionam tão bem

O amarelo traz calor, otimismo e "energia de atenção", enquanto o turquesa adiciona clareza calma e uma sensação aquática refrescante. Juntos, equilibram o quente e o frio, permitindo que os designs pareçam vivos sem ser caóticos.

Essa combinação também evoca imediatamente uma atmosfera sazonal e de estilo de vida—pense em praia, bem-estar, viagens e tecnologia descontraída. É uma maneira rápida de comunicar “alegre e moderno” em branding, embalagens e interfaces.

Ao ancorar a paleta com teal profundo, marinho ou carvão, o amarelo e o turquesa ficam mais fáceis de controlar. Essa base escura melhora a legibilidade e faz com que os tons vibrantes funcionem como detalhes, não como ruído.

20+ Ideias de Paletas de Cores Amarelo Turquesa (com Códigos HEX)

1) Laguna Ensolarada

HEX: #ffd84a #29c7c9 #0f6e7a #fff7e6 #ff8a4d

Clima: brilhante, costeira, acolhedora

Melhor para: painéis de identidade visual para viagem ou lifestyle

A energia costeira brilhante aparece como sol sobre águas rasas e areia quente. Use o branco-creme como espaço de respiro e deixe o turquesa liderar com amarelo como o destaque. O coral funciona melhor como detalhe para chamada à ação ou ícone. Dica: reserve o amarelo para títulos e selos—assim o visual permanece arejado, não gritante.

Exemplo de imagem de laguna ensolarada gerada usando media.io

Media.io

Media.io é um estúdio online de IA para criar e editar vídeos, imagens e áudio diretamente no seu navegador.

Experimente Gratuitamente Agora

2) Recife Cítrico

HEX: #ffea5a #19bfb4 #007a78 #f5f7f7 #ff6b35

Clima: vibrante, energética, limpa

Melhor para: embalagens de bebidas gaseificadas e anúncios de produtos

Vibrante e efervescente, essa mistura lembra fatias de cítrico flutuando em água cristalina. O amarelo claro e tangerina sugerem sabores, enquanto o turquesa mantém o visual fresco e moderno. Combine com bastante espaço em branco e teal escuro para textos. Dica: utilize o teal mais escuro em códigos de barras e informações legais para garantir contraste.

Exemplo de imagem de recife cítrico gerada usando media.io

3) Retro à Beira da Piscina

HEX: #f7d94c #2dd6c1 #247b9e #1f2a44 #f4efe6

Clima: retrô, divertida, verão

Melhor para: promoções para redes sociais e posts de eventos de verão

O clima retrô remete a cadeiras listradas, infláveis de vinil e mergulhos ao fim da tarde. Os tons permanecem vibrantes pois o azul-marinho ancora as cores mais claras, deixando o texto legível. Use o creme como base suave e sobreponha formas geométricas em turquesa e amarelo para dar movimento. Dica: defina textos longos em azul-marinho e reserve o amarelo para frases curtas e de impacto.

Exemplo de imagem de retro à beira da piscina gerada usando media.io

4) Destaque de Guarda-sol de Praia

HEX: #ffe36e #00c2c7 #ff3d7f #2b2b2b #ffffff

Clima: ousada, praiana, alto contraste

Melhor para: folhetos de festival e cartazes marcantes

Ousada e praiana, lembra guarda-sóis coloridos frente ao mar azul. O carvão e o branco equilibram o destaque pink neon, evitando que domine o layout. Combine com tipografia sans-serif robusta e formas simples para garantir leitura à distância. Dica: use o rosa apenas em um único elemento de destaque, como a data ou um botão de ingresso.

Exemplo de imagem de destaque de guarda-sol de praia gerada usando media.io

5) Limonada com Menta

HEX: #fff07a #64e0d3 #b3f2e7 #f9fbff #7c8a8f

Clima: suave, refrescante, leve

Melhor para: landing pages de bem-estar e UI minimalista

Suave e refrescante, lembra limonada gelada com folhas de menta e uma brisa leve. Mantenha o menta-pálido e o off-white como predominantes; utilize amarelo para detalhes amigáveis e estados de progresso. O cinza frio é ideal para rótulos, divisórias e botões secundários. Dica: reserve o amarelo mais intenso para uma ação primária por tela, evitando fadiga visual.

Exemplo de imagem de limonada com menta gerada usando media.io

6) Maré Dourada

HEX: #ffc93a #2ab7ca #125d6b #f2e9d0 #d96c35

Clima: quente, costeira, aconchegante

Melhor para: interiores costeiros e decoração de hospitalidade

Quente e acolhedora, remete à luz dourada do entardecer refletida na água teal e argila aquecida pelo sol. Use o tom areia nas paredes ou fundo; traga o turquesa para elementos maiores, como tapetes ou painéis de destaque. O terracota adiciona um toque artesanal, perfeito com rattan e carvalho claro. Dica: repita o teal profundo em detalhes como molduras e ferragens para acabamento coeso.

Exemplo de imagem de maré dourada gerada usando media.io

7) Cartão Postal Tropical

HEX: #ffe86b #00b7b5 #0091ad #f07167 #fdfcdc

Clima: férias, alegre, ilustrativa

Melhor para: cartões postais de viagem e gráficos turísticos

Alegre e com estilo ilustrativo, lembra um cartão postal de ilha ensolarada. Deixe o creme como textura de papel; use turquesa e aqua para blocos de mar e céu. O salmão é perfeito para selos, pins de localização ou pequenos ícones. Dica: mantenha os contornos no aqua escuro para garantir nitidez na impressão.

Exemplo de imagem de cartão postal tropical gerada usando media.io

8) Brisa Suave de Spa

HEX: #fff5a8 #7adfd6 #2e9c9a #e9f7f5 #9aa7ad

Clima: calma, arejada, relaxante

Melhor para: anúncios de produtos para cuidados com a pele e branding de spa

Calma e arejada, lembra vapor, eucalipto e luz filtrada por vidro fosco. Use aqua-pálido como fundo principal e amarelo em poucos detalhes para um brilho otimista e caloroso. O teal escuro transmite confiança; ótimo para ingredientes e selos de qualidade. Dica: mantenha gradientes sutis e acabamento fosco para um visual de spa limpo, sem brilho excessivo.

Exemplo de imagem de brisa suave de spa gerada usando media.io

9) Sinalização de Mercado Moderno

HEX: #ffd23f #00a8a8 #0b3c49 #f7f7f2 #e85d75

Clima: moderna, marcante, legível

Melhor para: sinalização de lojas e sistemas de orientação

Moderna e marcante, lembra placas urbanas contra o céu claro da manhã. Use off-white nos painéis; defina tipografia em teal profundo para leitura à distância. Amarelo é ótimo para títulos de destaque, enquanto rosa pode marcar áreas especiais ou etiquetas de promoção. Dica: preencha ícones em turquesa e contorne com teal profundo para clareza na impressão.

Exemplo de imagem de sinalização de mercado moderno gerada usando media.io

10) Splash Divertido para Crianças

HEX: #ffed6f #32d6d0 #4c6ef5 #ff6b6b #ffffff

Clima: brincalhão, amigável, cheio de energia

Melhor para: aplicativos de aprendizado infantil e UI gamificada

Brincalhão e amigável, lembra balões de água, estrelas adesivas e um playground ensolarado. Use branco como tela principal e depois utilize turquesa e azul para navegação e componentes para manter a consistência. Amarelo e vermelho suave são ótimos para recompensas, medalhas e prompts amigáveis. Dica: limite o vermelho a momentos de sucesso ou alerta para que mantenha seu significado.

Exemplo de imagem do “Playful Kiddo Splash” gerada usando media.io

11) Cabana Art Déco

HEX: #f9d648 #1fc5b8 #0e4d64 #f7f1e3 #c05640

Clima: vintage, luxuoso, estruturado

Melhor para: cardápios de coquetel e branding de boutique hotel

Luxuoso vintage e estruturado, faz alusão a azulejos art déco e latão polido à beira da piscina. A base creme mantém a paleta elegante, enquanto o verde-azulado profundo adiciona peso sofisticado. Use amarelo para bordas e pequenos detalhes, e traga o tijolo como um destaque secundário de bom gosto. Dica: combine com linhas geométricas e títulos de alto contraste para ressaltar o clima déco.

Exemplo de imagem da cabana art déco gerada usando media.io

12) Parede de Galeria Minimalista

HEX: #ffe169 #3ad7d3 #1b4965 #f0f3f5 #5c6b73

Clima: minimalista, moderna, curadoria refinada

Melhor para: interiores contemporâneos e sites de portfólio

Minimalista e com curadoria, lembra uma galeria tranquila com uma única arte ousada sendo iluminada pelo sol. Mantenha o cinza claro como fundo dominante, usando navy para estrutura e tipografia. Turquesa e amarelo funcionam melhor como peças de arte de destaque, almofadas ou um botão principal no site. Dica: repita o turquesa em dois pontos pequenos ao invés de um bloco grande para um visual mais refinado.

Exemplo de imagem da parede de galeria minimalista gerada usando media.io

13) Linho de Casamento à Beira-Mar

HEX: #fff1a6 #44d7c8 #2a9d8f #fffaf3 #e76f51

Clima: romântico, arejado, ensolarado

Melhor para: convites de casamento e papelaria do grande dia

Romântico e banhado pelo sol, evoca guardanapos de linho, vidro do mar e a luz suave da tarde. Esta paleta amarelo-turquesa funciona lindamente quando o creme quente permanece predominante e o turquesa aparece em linhas delicadas ou monogramas. O coral é melhor para destaques do RSVP, selos de cera ou pequenos detalhes florais. Dica: imprima o turquesa um pouco mais escuro para facilitar a leitura em papel texturizado.

Exemplo de imagem do linho de casamento à beira-mar gerada usando media.io

14) Painel Aqua Tech

HEX: #ffd54f #00d1c1 #0a2463 #e9ecef #087e8b

Clima: confiante, moderno, orientado a dados

Melhor para: dashboards SaaS e UI de analytics

Confiante e moderno, parece gráficos precisos sobre um fundo aquático calmo. Numa paleta amarelo-turquesa como esta, o índigo confere autoridade à interface enquanto o aqua a mantém acessível. Use o amarelo para chamar a atenção em KPIs, tooltips e chaves em vez de áreas amplas. Dica: mantenha o fundo dos gráficos claro e reserve o aqua para as séries ativas para que os dados permaneçam legíveis.

Exemplo de imagem do painel aqua tech gerada usando media.io

15) Rótulo de Produtos Frescos

HEX: #ffe66d #2ec4b6 #006d77 #fefae0 #ff9f1c

Clima: fresco, orgânico, animado

Melhor para: rótulos de alimentos e embalagens para feiras

Fresco e orgânico, transmite a sensação de uma colheita recém-colhida e um toque refrescante de cor. O verde-azulado escuro é perfeito para listas de ingredientes e painéis nutricionais, enquanto a base cremosa mantém o rótulo amigável. Use amarelo e laranja para indicar notas de sabor e equilibre com turquesa para sentir-se limpo e saudável. Dica: adicione pequenos ícones teal para certificações e mantenha o layout consistente entre SKUs.

Exemplo de imagem do rótulo de produto fresco gerada usando media.io

16) Pôster Amanhecer na Ilha

HEX: #ffdb57 #1fbfb8 #05668d #f4f1de #f28482

Clima: otimista, leve, artístico

Melhor para: pôsteres de viagem e impressões de arte para parede

Otimista e arejado, evoca nascer do sol sobre a água com um brilho acolhedor no horizonte. Use creme como a cor do papel do pôster e turquesa e azul profundo para formar as formas principais. O rosa é um belo destaque para o sol ou um pequeno bloco de legenda sem roubar a cena. Dica: mantenha os gradientes mínimos e aposte em silhuetas ousadas para um visual atemporal de pôster.

Exemplo de imagem do pôster “Island Sunrise” gerada usando media.io

17) Onboarding para Casa Inteligente

HEX: #ffde59 #2de2e6 #2f2d2e #f8f9fa #3a7d7c

Clima: limpo, amigável, confiável

Melhor para: telas de onboarding de apps e fluxos de configuração

Limpo e amigável, lembra uma rotina matinal ensolarada com clareza e prontidão tecnológica. Use off-white como fundo principal e mantenha carvão escuro para o texto garantindo acessibilidade. Turquesa deve dominar os botões principais e indicadores de progresso, enquanto o amarelo funciona como destaque de boas-vindas. Dica: mantenha ícones em verde-azulado esmaecido para que a interface pareça consistente entre as etapas.

Exemplo de imagem de onboarding de casa inteligente gerada usando media.io

18) Botânicos Ensoracentos

HEX: #fff07c #4ddbcf #2f8f9d #e6fff9 #f6bd60

Clima: natural, animador, primaveril

Melhor para: ilustrações botânicas e campanhas de primavera

Natural e animador, lembra folhas frescas sob luz solar quente com água fresca por perto. Deixe o aqua pálido ambientar a cena, depois adicione caules turquesa e sombras teal para profundidade. Amarelo e damasco fazem as pétalas brilharem sem saturação em excesso. Dica: mantenha contornos suaves e deixe “teal” fazer a maior parte da sombra para que a ilustração permaneça arejada.

Exemplo de imagem de botânicos ensolarados gerada usando media.io

19) Pacote de Adesivos Surf Shop

HEX: #ffd447 #00c4cc #0b7285 #f8f9ff #ff4d6d

Clima: divertido, jovial, ao ar livre

Melhor para: pacotes de adesivos e gráficos de merchandising

Divertido e de espírito livre, remete a parafina de prancha, brilho do sol e adesivos vibrantes. Use off-white como base dos adesivos e crie formas ousadas com turquesa e teal profundo. O rosa é perfeito para um destaque vibrante ou marca da loja. Dica: reserve o teal mais escuro para contornos, garantindo leitura clara a distância.

Exemplo de imagem do pacote de adesivos de surf shop gerada usando media.io

20) Brochura de Resort Ecológico

HEX: #ffe45e #2ab7b0 #1b6b6f #f1faee #a98467

Clima: relaxado, natural, sofisticado

Melhor para: brochuras de resorts e guias de viagem sustentável

Relaxado e sofisticado, lembra sol sobre a água com texturas de madeira natural e linho. Use off-white suave como fundo das páginas e deixe o turquesa para títulos de seções e mapas. O tom de madeira traz calor para legendas de fotos e caixas de destaque sem competir com os tons frios. Dica: use amarelo apenas em pequenos destaques de navegação como abas de página e itinerários.

Exemplo de imagem da brochura de resort ecológico gerada usando media.io

Quais cores combinam com amarelo turquesa?

Neutros são a equipe de apoio mais fácil: branco puro mantém tudo fresco, creme quente suaviza o contraste e cinza claro deixa os layouts de UI modernos limpos. Para texto e estrutura, carvão, teal profundo ou navy garantem excelente legibilidade.

Para dar mais energia, adicione coral, tangerina ou rosa vibrante em pequenos destaques (etiquetas, ícones, micro-CTAs). Estes tons quentes combinam bem com amarelo sem deixar o turquesa frio demais.

Se quiser um visual mais natural e relaxado, combine amarelo-turquesa com areia, palha, tons de rattan ou madeira suave. Assim, o clima litorâneo permanece sofisticado sem ficar neon.

Como usar uma paleta amarelo turquesa em designs reais

Decida desde cedo qual cor deve dominar: deixe o turquesa ocupar áreas maiores (títulos, painéis, fundos) e utilize amarelo como destaque para ênfases (botões, etiquetas, números-chave). Isto mantém o design leve sem “sobrecarga de marca-texto”.

Sempre planeje contraste para acessibilidade. Use teal/navy/cinza-escuro para texto principal, amarelo apenas em elementos breves e teste estados de botões para garantir que o turquesa não fique claro demais sobre fundo branco.

Em branding e impressão, repita uma cor âncora (geralmente teal profundo) em tipografia, bordas e ícones. Depois, use o amarelo com moderação para criar pontos focais que orientam o olhar.

Crie visuais de paletas amarelo turquesa com IA

Se tiver códigos HEX mas precisar visualizar no mundo real (pôsteres, rótulos, telas de UI, quadros de marca), gerar mockups com IA é uma forma rápida de explorar composições e ver o equilíbrio antes de criar.

Comece com uma paleta, descreva o uso (ex: “dashboard SaaS”, “kit de convites de casamento”, ou “layout de brochura ecológica”) e diga explicitamente que cores devem ser predominantes e quais servirão como destaques.

Com o Media.io Text-to-Image, você pode iterar rapidamente—testando diferentes proporções, estilos (vetorial flat x estúdio realista), e layouts até que o contraste amarelo-turquesa fique ideal.

Próximo: Paleta de Cores Azul Pêssego