Frontend Framework UI Stack
- Component Sky#81d4fa
- Bundle Peach#ffccbc
- State Navy#283593
- Module Sand#f5e0c0
- Compile Slate#90a4ae
- Deploy Shadow#212121
- Lint Mint#aed581
Criado em 06/10/2025 17:30
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Component Sky #81d4fa e Bundle Peach #ffccbc. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #212121 (mais escuro) a #F5E0C0 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 57% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (4 de 7).
Códigos HEX (ordenados): #212121, #283593, #81D4FA, #90A4AE, #AED581, #F5E0C0, #FFCCBC
A paleta Frontend Framework UI Stack combina 7 códigos de cor:
HEX: #81d4fa, RGB: (129, 212, 250); HEX: #ffccbc, RGB: (255, 204, 188); HEX: #283593, RGB: (40, 53, 147)
HEX: #f5e0c0, RGB: (245, 224, 192); HEX: #90a4ae, RGB: (144, 164, 174); HEX: #212121, RGB: (33, 33, 33)
HEX: #aed581, RGB: (174, 213, 129)
Versão simplificada das cores da paleta
Tom claro de Azul-céu, Tom escuro de Rosa-enevoado, Tom escuro de Azul-ardósia-escuro, Tom escuro de Amêndoa-clara, Tom escuro de Cinza-escuro, Tom claro de Preto, Tom escuro de Verde-claro
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Frontend Framework UI Stack códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #81d4fa | #81d4fa | RGB(129, 212, 250) | Component Sky | — |
| #ffccbc | #ffccbc | RGB(255, 204, 188) | Bundle Peach | — |
| #283593 | #283593 | RGB(40, 53, 147) | State Navy | — |
| #f5e0c0 | #f5e0c0 | RGB(245, 224, 192) | Module Sand | — |
| #90a4ae | #90a4ae | RGB(144, 164, 174) | Compile Slate | — |
| #212121 | #212121 | RGB(33, 33, 33) | Deploy Shadow | Lead |
| #aed581 | #aed581 | RGB(174, 213, 129) | Lint Mint | — |
Contraste da paleta de cores
10 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#81d4fa | #ffccbc | 1.14 |
#81d4fa | #f5e0c0 | 1.28 |
#81d4fa | #90a4ae | 1.57 |
#81d4fa | #aed581 | 1 |
#ffccbc | #f5e0c0 | 1.11 |
#ffccbc | #90a4ae | 1.8 |
Paleta de imagens Frontend Framework UI Stack png
Exportar paleta
Baixe a "Frontend Framework UI Stack" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: