Cloud-Based App Design System
- Deploy Aqua#7ce0d3
- Auth Navy#24305e
- Widget Cream#fffdf5
- Latency Coral#ff8a80
- Data Grid Gray#bfc3c6
- Elastic Pink#fdc5e8
Criado em 06/20/2025 07:32
A paleta consiste em cores Claro, Escuro. Cores de destaque Deploy Aqua #7ce0d3 e Widget Cream #fffdf5. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #24305E (mais escuro) a #FFFDF5 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #24305E, #7CE0D3, #BFC3C6, #FDC5E8, #FF8A80, #FFFDF5
A paleta Cloud-Based App Design System combina 6 códigos de cor:
HEX: #7ce0d3, RGB: (124, 224, 211); HEX: #24305e, RGB: (36, 48, 94); HEX: #fffdf5, RGB: (255, 253, 245)
HEX: #ff8a80, RGB: (255, 138, 128); HEX: #bfc3c6, RGB: (191, 195, 198); HEX: #fdc5e8, RGB: (253, 197, 232)
Versão simplificada das cores da paleta
Tom claro de Turquesa, Tom claro de Azul-meia-noite, Tom claro de Branco-floral, Tom claro de Salmão, Tom claro de Prata, Tom claro de Cardo
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Cloud-Based App Design System códigos de cores HEX, informações RGB na tabela
Contraste da paleta de cores
9 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 |
|---|---|---|
#7ce0d3 | #fffdf5 | 1.53 |
#7ce0d3 | #ff8a80 | 1.46 |
#7ce0d3 | #bfc3c6 | 1.13 |
#7ce0d3 | #fdc5e8 | 1.06 |
#fffdf5 | #bfc3c6 | 1.74 |
#fffdf5 | #fdc5e8 | 1.43 |
Paleta de imagens Cloud-Based App Design System png
Exportar paleta
Baixe a "Cloud-Based App Design System" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: