Criado em 07/17/2025 08:31
Modular UI Design System for Federated Apps
- Node Gray#7d8597
- Federation White#fcfcfc
- Permission Pink#fadadd
- Secure Sync Blue#4a90e2
- Trust Circle Yellow#fff275
- Link Indigo#5a4e7c
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Secure Sync Blue #4a90e2 e Trust Circle Yellow #fff275. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #5A4E7C (mais escuro) a #FCFCFC (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #4A90E2, #5A4E7C, #7D8597, #FADADD, #FCFCFC, #FFF275
A paleta Modular UI Design System for Federated Apps tem uma combinação de cores de códigos de 6:
HEX: #7d8597, RGB: (125, 133, 151); HEX: #fcfcfc, RGB: (252, 252, 252); HEX: #fadadd, RGB: (250, 218, 221)
HEX: #4a90e2, RGB: (74, 144, 226); HEX: #fff275, RGB: (255, 242, 117); HEX: #5a4e7c, RGB: (90, 78, 124)
Versão simplificada das cores da paleta
Matiz de lightslategrey, Matiz de Branco, Matiz de mistyrose, Sombra de dodgerblue, Sombra de Cáqui, Sombra de darkslateblue
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Modular UI Design System for Federated Apps códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #7d8597 | #7d8597 | RGB(125, 133, 151) | Node Gray | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Federation White | Gray99 |
| #fadadd | #fadadd | RGB(250, 218, 221) | Permission Pink | Sun Bleached Pink |
| #4a90e2 | #4a90e2 | RGB(74, 144, 226) | Secure Sync Blue | — |
| #fff275 | #fff275 | RGB(255, 242, 117) | Trust Circle Yellow | — |
| #5a4e7c | #5a4e7c | RGB(90, 78, 124) | Link Indigo | — |
Contraste da Paleta de Cores
4 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#7d8597 | #4a90e2 | 1.12 |
#fcfcfc | #fadadd | 1.26 |
#fcfcfc | #fff275 | 1.12 |
#fadadd | #fff275 | 1.12 |
Paleta de imagens Modular UI Design System for Federated Apps png
Exportar paleta
Baixe a "Modular UI Design System for Federated Apps" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: