Cores dos Protocolos DeFi: Uniswap, Aave, Compound e Mais
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
Quando a plataforma de contratos inteligentes do Ethereum tornou possível construir protocolos financeiros sem uma autoridade central, ela também criou um desafio de design inesperado: como fazer a identidade visual de algo que não tem uma empresa por trás? Protocolos de finanças descentralizadas — mercados de empréstimo, formadores de mercado automatizados, plataformas de ativos sintéticos — precisavam de identidades visuais que transmitissem confiabilidade, sofisticação técnica e reconhecimento de marca em um ambiente onde os sinais tradicionais de credibilidade institucional (escritórios, executivos, registro regulatório) estavam ausentes ou deliberadamente evitados.
O cenário de cores de marca DeFi que emergiu entre 2018 e 2022 é um dos mais variados e estrategicamente interessantes no universo das criptomoedas. Cada protocolo precisava se diferenciar tanto das finanças tradicionais (território do azul e verde) quanto de outros protocolos DeFi que concorriam pelos mesmos usuários e liquidez. O resultado é um arco-íris de cores diferenciadas que juntas formam um novo vocabulário visual para sistemas financeiros descentralizados.
Rosa Uniswap: #FF007A
O rosa quente #FF007A do Uniswap é indiscutivelmente a escolha de cor mais distintiva e influente de todo o DeFi. Quando o Uniswap foi lançado em 2018, nenhum protocolo financeiro — descentralizado ou não — havia usado o rosa como cor de marca primária. Foi uma decisão que cristalizou a identidade do Uniswap imediata e permanentemente.
O Hex: Rosa de Saturação Máxima
O #FF007A se decompõe como: - Vermelho: 255 (máximo) - Verde: 0 (nenhum) - Azul: 122 (elevado — criando o rosa quente a partir do vermelho)
Em HSL: aproximadamente 331°, 100%, 50%. Saturação máxima, luminosidade média, na parte vermelho-rosa da roda de matiz. Este não é um rosa suave ou pastel — é um rosa neon, agressivo e vívido. É o rosa de cartazes de shows e arte de rua, não de produtos de consumo ou moda.
A saturação de 100% do #FF007A do Uniswap faz com que ele vibre contra fundos escuros, criando intensa energia visual. Na interface escura que o aplicativo Uniswap usa, o rosa parece quase luminescente.
Use o conversor de cores do ColorFYI para explorar o #FF007A em espaços de cores HSL, RGB, CMYK e OKLCH e entender como esse rosa extremo se comporta em diferentes ambientes de renderização.
Por Que o Rosa Foi Genial
O rosa foi a escolha certa para o Uniswap por várias razões que se intersectam:
Diferenciação de tudo: Em 2018, nenhum protocolo financeiro usava rosa. Era um território desocupado tanto nas finanças tradicionais (azuis, verdes) quanto no DeFi inicial (o verde do Compound já estava estabelecido). Ser visualmente único em um espaço lotado tem enorme valor de reconhecimento.
Confiança técnica: Escolher o rosa exigia o tipo de confiança que apenas um projeto tecnicamente forte poderia credibilmente demonstrar. Um protocolo inseguro sobre sua tecnologia poderia escolher um azul tranquilizador. O rosa do Uniswap dizia: não precisamos de sinais convencionais de confiança porque nosso código é a confiança.
A Referência ao Unicórnio: O logotipo do Uniswap é um unicórnio simples (combinando "uni" com a criatura mitológica). Rosa é a cor natural para o branding com tema de unicórnio, criando uma narrativa de marca coerente entre logotipo, cor e nome.
Contraste com concorrentes: O verde do Compound e o roxo do Aave já estavam estabelecidos. O rosa colocou o Uniswap em uma parte completamente diferente do espaço de cores, tornando impossível confundi-lo.
A Paleta Completa do Uniswap
| Nome | Hex | RGB | HSL | Uso |
|---|---|---|---|---|
| Rosa Uniswap | #FF007A | rgb(255, 0, 122) | hsl(331°, 100%, 50%) | Marca primária |
| Rosa Uniswap Escuro | #D90066 | rgb(217, 0, 102) | hsl(331°, 100%, 43%) | Hover, ativo |
| Rosa Uniswap Claro | #FF6FA3 | rgb(255, 111, 163) | hsl(339°, 100%, 72%) | Tintas de fundo |
| Fundo escuro | #191B1F | rgb(25, 27, 31) | hsl(220°, 11%, 11%) | Fundo do aplicativo |
| Cinza | #5C6480 | rgb(92, 100, 128) | hsl(228°, 16%, 43%) | Texto secundário |
| Branco | #FFFFFF | rgb(255, 255, 255) | hsl(0°, 0%, 100%) | Texto primário no escuro |
O gradiente do rosa profundo ao rosa mais claro que o Uniswap usa em vários contextos (particularmente no tratamento do logotipo V3) adiciona profundidade à marca enquanto mantém a identidade saturada central. Gere combinações de gradiente usando o gerador de gradiente do ColorFYI para entender como o rosa Uniswap se comporta em diferentes faixas tonais.
A Influência Cultural do Uniswap
Como o Uniswap se tornou o protocolo de exchange descentralizada dominante (lidando consistentemente com a maioria do volume DEX do Ethereum), seu rosa quente adquiriu peso cultural no espaço DeFi. O rosa apareceu em mercadorias, brindes de conferências, capas de hardware wallet Ledger e tatuagens — adquirindo o mesmo tipo de status de culto que o laranja do Bitcoin tem no espaço cripto mais amplo.
Projetos que bifurcaram ou construíram sobre o código do Uniswap (SushiSwap, PancakeSwap, etc.) escolheram cores que conscientemente se diferenciaram do rosa Uniswap: o vermelho-rosa #E82676 do SushiSwap é próximo o suficiente para sinalizar linhagem, e o amarelo-rosa #F4BC19 do PancakeSwap se afasta enquanto mantém algum calor.
Gradiente Roxo do Aave
O Aave — o protocolo descentralizado de empréstimo e tomada de empréstimo — usa um sistema de gradiente roxo distinto como seu principal visual de marca. Ao contrário do rosa quente plano do Uniswap, a identidade do Aave é construída em torno de gradientes que transitam de um roxo mais profundo para tons mais claros de roxo-rosa.
O Sistema de Roxo do Aave
O roxo primário do Aave é aproximadamente #B6509E — um vermelho-violeta de valor médio que se distingue nitidamente do roxo mais inclinado para o azul do Kraken #5741D9.
O #B6509E se decompõe como: - Vermelho: 182 (elevado — criando o caráter vermelho-roxo) - Verde: 80 (baixo) - Azul: 158 (elevado — mantendo-o roxo, não vermelho)
Em HSL: aproximadamente 310°, 38%, 51%. O matiz a 310° (vermelho-violeta) coloca o roxo do Aave distintamente diferente do rosa do Uniswap (331°) e do azul-roxo do Kraken (247°). A saturação moderada (38%) comparada ao extremo 100% do Uniswap confere ao roxo do Aave uma qualidade mais comedida e menos agressiva.
A Identidade de Gradiente do Aave
As diretrizes de marca do Aave especificam gradientes em vez de cores planas como elemento visual primário. O gradiente canônico do Aave transita de: - Roxo-violeta profundo #2EBAC6 (acento teal em algumas versões) - Passando pelo roxo central #B6509E - Até os tons de ametista mais claros #D5A3CC
Essa abordagem de gradiente é significativa: ela comunica sofisticação, dimensionalidade e profundidade técnica de uma maneira que a cor plana não consegue. O protocolo do Aave — gerenciando bilhões em posições de empréstimo colateralizadas com algoritmos complexos de taxa de juros — é genuinamente complexo, e a paleta de gradiente reflete essa complexidade em vez de ocultá-la.
| Nome | Hex | RGB | HSL | Notas |
|---|---|---|---|---|
| Roxo Central Aave | #B6509E | rgb(182, 80, 158) | hsl(310°, 38%, 51%) | Identidade primária |
| Teal Aave | #2EBAC6 | rgb(46, 186, 198) | hsl(185°, 62%, 48%) | Acento secundário |
| Roxo Claro Aave | #D5A3CC | rgb(213, 163, 204) | hsl(310°, 32%, 74%) | Tintas de fundo |
| Escuro Aave | #1C1B3A | rgb(28, 27, 58) | hsl(242°, 37%, 17%) | Fundo escuro |
O acento teal #2EBAC6 no sistema do Aave é particularmente interessante — ele cria uma harmonia inesperada com o primário roxo que parece sofisticado e tecnicamente inspirado (reminiscente da estética cyberpunk) enquanto permanece legível e acessível.
Verde Compound: #00D395
A Compound Finance — um dos primeiros protocolos de empréstimo DeFi, anterior ao Aave — escolheu um verde vívido #00D395 como cor de marca primária. Como o primeiro grande protocolo DeFi a estabelecer uma identidade de marca clara, as escolhas de cores da Compound influenciaram todo o setor.
A Análise do Verde Compound
O #00D395 se decompõe como: - Vermelho: 0 (nenhum) - Verde: 211 (dominante) - Azul: 149 (elevado — criando o caráter verde-teal)
Em HSL: aproximadamente 163°, 100%, 41%. Verde puro de saturação máxima com canal azul elevado, situado na fronteira verde-teal. Isso é nitidamente diferente do verde do Tether #26A17B — o da Compound é tanto mais saturado quanto ligeiramente mais claro, parecendo mais vibrante e nativo do digital.
Por Que Verde para um Protocolo de Empréstimo?
O verde #00D395 da Compound faz sentido estratégico para um protocolo de empréstimo porque:
- Sinal financeiro positivo: Verde = dinheiro, crescimento, retornos positivos. Para um protocolo que promete rendimento, o verde é a escolha óbvia.
- Diferenciação do azul das exchanges: Quando a Compound foi lançada, as exchanges usavam azul. O verde sinalizava claramente "este é um tipo diferente de produto DeFi".
- Pureza técnica: A saturação de 100% e o canal vermelho zero criam um verde puro e digital que parece nativo de código — apropriado para infraestrutura de contratos inteligentes.
O brilho e a saturação específicos distinguem o verde da Compound dos verdes institucionais mais discretos das finanças tradicionais. Este não é o verde floresta de um banco — é o verde digital puro de um terminal, um indicador de status ou uma confirmação de execução de contrato inteligente.
Paleta Completa da Compound
| Nome | Hex | RGB | HSL | Uso |
|---|---|---|---|---|
| Verde Compound | #00D395 | rgb(0, 211, 149) | hsl(163°, 100%, 41%) | Marca primária |
| Verde Compound Escuro | #00A370 | rgb(0, 163, 112) | hsl(160°, 100%, 32%) | Estados de hover |
| Preto | #141E27 | rgb(20, 30, 39) | hsl(207°, 32%, 12%) | Fundo escuro |
| Branco | #FFFFFF | rgb(255, 255, 255) | hsl(0°, 0%, 100%) | Texto |
| Cinza | #A4B4C8 | rgb(164, 180, 200) | hsl(211°, 22%, 71%) | Elementos secundários |
Teal do MakerDAO e Outros Protocolos
O cenário de cores DeFi mais amplo vai muito além dos três principais. MakerDAO, Curve Finance, Yearn Finance e outros fizeram escolhas de cores interessantes que coletivamente criam o ecossistema de cores DeFi.
MakerDAO: O Teal-Verde da Estabilidade Descentralizada
O MakerDAO — o protocolo que emite o DAI, a stablecoin descentralizada mais estabelecida — usa um sistema teal-verde centrado em #1AAB9B. Essa cor é adjacente tanto ao verde da Compound quanto ao verde do Tether, mas ocupa um território distinto:
#1AAB9B em HSL: 175°, 72%, 38%. O matiz a 175° está mais próximo do teal puro do que a Compound (163°) ou o Tether (161°). Isso confere à cor do MakerDAO uma qualidade mais equilibrada de verde-azul.
A escolha do teal para um protocolo de stablecoin é coerente: o teal combina as associações financeiras positivas do verde com os sinais de estabilidade do azul. O DAI visa ser estável (energia do azul) enquanto oferece utilidade financeira (energia do verde) — o teal divide a diferença.
| Protocolo | Nome da Cor | Hex | Matiz HSL | Categoria |
|---|---|---|---|---|
| MakerDAO | Teal | #1AAB9B | 175° | Stablecoin |
| Compound | Verde | #00D395 | 163° | Empréstimo |
| Aave | Roxo | #B6509E | 310° | Empréstimo |
| Uniswap | Rosa | #FF007A | 331° | DEX |
| Curve Finance | Vermelho escuro | #B33000 | 23° | DEX/Stableswap |
| Yearn Finance | Azul | #006AE3 | 215° | Agregador de rendimento |
| Synthetix | Azul escuro | #00D1FF | 191° | Ativos sintéticos |
| dYdX | Cinza-azul escuro | #6966FF | 241° | DEX de perpétuos |
| Balancer | Violeta | #6B3CE4 | 262° | AMM |
Curve Finance: O Vermelho Fora do Padrão
A Curve Finance — o protocolo dominante de swap de stablecoins — usa um vermelho-laranja escuro #B33000 que se destaca dramaticamente do cenário verde/roxo/rosa de outros protocolos DeFi. Isso provavelmente foi menos uma estratégia deliberada de marca do que uma escolha estética do fundador idiossincrático da Curve, mas o resultado é uma cor de protocolo que é genuinamente distinta e memorável.
O vermelho escuro em contextos financeiros normalmente sinaliza perda ou perigo — o que torna a escolha da Curve incomum. No entanto, dentro do ecossistema de design DeFi, onde cada protocolo está buscando território visual, reivindicar a zona vermelho-laranja cria o mesmo tipo de valor de reconhecimento instantâneo que o rosa do Uniswap alcançou.
Balancer e dYdX: A Zona Azul-Roxo
Vários protocolos DeFi se agrupam na zona azul-roxo do espaço de cores: o violeta #6B3CE4 do Balancer, o azul periwinkle #6966FF do dYdX e vários outros. Essa zona provavelmente é popular porque: 1. Diferencia das conotações institucionais do azul financeiro 2. Parece tecnicamente sofisticada 3. Oferece a energia visual das primárias de alto impacto do azul com distintividade suficiente para se destacar sozinha
Estratégia de Diferenciação por Cores no DeFi
Olhando para o cenário de cores DeFi como um todo, vários padrões estratégicos emergem.
A Divisão da Roda de Matiz
Os protocolos DeFi têm, em grande parte por decisões independentes, dividido a roda de matiz em territórios diferenciados: - Rosa/Magenta (300-340°): Uniswap, forks SushiSwap - Azul-Violeta (240-270°): dYdX, Balancer, Kraken - Verde (160-180°): Compound, MakerDAO, Tether - Teal-Ciano (185-195°): Synthetix, acento Aave, Stellar - Laranja-Vermelho (20-30°): Curve Finance
Essa distribuição não é completamente acidental. À medida que os protocolos tomaram conhecimento das escolhas de cores uns dos outros, eles conscientemente se diferenciaram. O espaço DeFi funciona como um ecossistema, e a diferenciação visual tem valor de negócio real: um usuário que verifica uma página de portfólio precisa identificar instantaneamente qual protocolo está vendo.
Gradiente como Sinal de Sofisticação
Vários protocolos DeFi usam gradientes em vez de cores planas como elemento visual primário: o gradiente roxo do Aave, vários gradientes de arco-íris de projetos do ecossistema Ethereum. Os gradientes sinalizam complexidade, profundidade e sofisticação técnica. Eles também oferecem mais flexibilidade visual do que cores planas — permitindo que materiais de marketing usem diferentes porções do gradiente enquanto mantêm a coerência da marca.
Para protocolos que lidam com bilhões em posições financeiras complexas (cofres com múltiplas garantias, estratégias de rendimento alavancadas, rebalanceamento automatizado), a complexidade visual dos sistemas de gradiente corresponde à complexidade técnica do protocolo subjacente.
Por Que o DeFi Evitou o Azul Financeiro
O padrão mais marcante nas cores dos protocolos DeFi é a quase completa evasão do azul institucional — a cor dominante das finanças tradicionais (Visa #1A1F71, JPMorgan #005EB8, PayPal #003087). Apenas o Yearn Finance e alguns protocolos menores usam o azul como cores primárias, e mesmo esses usam azuis mais saturados e nativos do digital do que as finanças tradicionais.
A evasão do azul financeiro é em parte uma anti-marca intencional (o DeFi se posiciona explicitamente contra as instituições financeiras tradicionais) e em parte prática (a zona azul já estava lotada com o azul das exchanges centralizadas da Coinbase e outros). O resultado é que os protocolos DeFi ocupam um espaço de cores que as finanças tradicionais nunca tocaram.
Referência Completa: Cores dos Protocolos DeFi
Para designers, desenvolvedores e pesquisadores que trabalham com as cores dos protocolos DeFi:
| Protocolo | Primária | Hex | Estratégia de Paleta Completa |
|---|---|---|---|
| Uniswap | Rosa quente | #FF007A | Primária vívida única no escuro |
| Aave | Gradiente roxo | #B6509E | Sistema de gradiente com acento teal |
| Compound | Verde vívido | #00D395 | Primária única no escuro |
| MakerDAO | Teal-verde | #1AAB9B | Sistema teal de dois tons |
| Curve | Vermelho escuro | #B33000 | Primária quente única |
| Yearn | Azul digital | #006AE3 | Azul com fundo escuro |
| dYdX | Periwinkle | #6966FF | Azul-violeta com fundo escuro |
| Balancer | Violeta | #6B3CE4 | Violeta compatível com gradiente |
| Synthetix | Ciano | #00D1FF | Ciano vibrante no escuro |
Explore qualquer um desses códigos hex usando o conversor de cores do ColorFYI e gere sistemas de gradiente usando o gerador de gradiente do ColorFYI.
Principais Conclusões
- O rosa quente #FF007A do Uniswap é a escolha de cor mais distintiva do DeFi — 100% de saturação, zero verde, energia máxima. Comunica confiança técnica e tornou-se a cor de marca definitória do DeFi
- O sistema de gradiente roxo do Aave em torno de #B6509E usa complexidade visual para comunicar complexidade do protocolo — gradientes em vez de cores planas sinalizam sistemas sofisticados de múltiplos parâmetros
- O verde vívido #00D395 da Compound foi a primeira cor de protocolo DeFi a estabelecer a convenção verde-para-protocolo-de-rendimento, ocupando o território de sinal financeiro positivo com uma saturação nativa do digital
- O teal #1AAB9B do MakerDAO mistura as associações financeiras do verde com os sinais de estabilidade do azul — apropriado para um protocolo de stablecoin
- Os protocolos DeFi evitaram coletivamente o azul financeiro institucional #1A1F71, ocupando territórios de rosa, roxo, verde vívido e teal que as finanças tradicionais nunca reivindicaram
- A diferenciação por cores no DeFi tem valor de negócio real: usuários que verificam dashboards de portfólio dependem das cores dos protocolos para identificação rápida
- O cenário de cores DeFi dividiu efetivamente a roda de matiz em territórios de protocolos por meio de uma combinação de diferenciação deliberada e escolhas estéticas independentes
- Gere sistemas de gradiente a partir de qualquer cor de protocolo DeFi no gerador de gradiente do ColorFYI e compare protocolos usando o gerador de paleta do ColorFYI