Cloud-Native Design System Shell
- API Sky#a0e7e5
- Token Grey#b0bec5
- Container Coral#ff6f61
- Node White Smoke#f9fafb
- Route Navy#264653
- Compute Mint#b9fbc0
- Surface Graphite#2e2e2e
Criado em 07/11/2025 21:11
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Container Coral #ff6f61 e Compute Mint #b9fbc0. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2E2E2E (mais escuro) a #F9FAFB (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 7 cores.
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): #264653, #2E2E2E, #A0E7E5, #B0BEC5, #B9FBC0, #F9FAFB, #FF6F61
A paleta Cloud-Native Design System Shell combina 7 códigos de cor:
HEX: #a0e7e5, RGB: (160, 231, 229); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #264653, RGB: (38, 70, 83); HEX: #b9fbc0, RGB: (185, 251, 192)
HEX: #2e2e2e, RGB: (46, 46, 46)
Versão simplificada das cores da paleta
Tom escuro de Turquesa-pálido, Tom escuro de Prata, Tom escuro de Salmão, Tom claro de Fumaça-branca, Tom escuro de Cinza-ardósia-escuro, Tom claro de Verde-pálido, Tom claro de Preto
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Cloud-Native Design System Shell códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #a0e7e5 | #a0e7e5 | RGB(160, 231, 229) | API Sky | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Token Grey | Ocean Drive |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Container Coral | Living Coral |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Node White Smoke | — |
| #264653 | #264653 | RGB(38, 70, 83) | Route Navy | — |
| #b9fbc0 | #b9fbc0 | RGB(185, 251, 192) | Compute Mint | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Surface Graphite | Carbon Fiber |
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 |
|---|---|---|
#a0e7e5 | #b0bec5 | 1.36 |
#a0e7e5 | #ff6f61 | 1.95 |
#a0e7e5 | #f9fafb | 1.33 |
#a0e7e5 | #b9fbc0 | 1.17 |
#b0bec5 | #ff6f61 | 1.43 |
#b0bec5 | #f9fafb | 1.82 |
Paleta de imagens Cloud-Native Design System Shell png
Exportar paleta
Baixe a "Cloud-Native Design System Shell" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: