Criado em 07/21/2025 12:49
Modular SaaS UI Mesh Pattern
- Section Lilac#dcc6f6
- Container Cream#fffaf1
- Token Blue#85c1e9
- Border Gray#dbdbdb
- Element Navy#283149
- Override Mint#e0f9f1
A paleta consiste em cores Luz, Escuro. Cores de destaque Section Lilac #dcc6f6 e Container Cream #fffaf1. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #283149 (mais escuro) a #FFFAF1 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
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): #283149, #85C1E9, #DBDBDB, #DCC6F6, #E0F9F1, #FFFAF1
A paleta Modular SaaS UI Mesh Pattern tem uma combinação de cores de códigos de 6:
HEX: #dcc6f6, RGB: (220, 198, 246); HEX: #fffaf1, RGB: (255, 250, 241); HEX: #85c1e9, RGB: (133, 193, 233)
HEX: #dbdbdb, RGB: (219, 219, 219); HEX: #283149, RGB: (40, 49, 73); HEX: #e0f9f1, RGB: (224, 249, 241)
Versão simplificada das cores da paleta
Sombra de thistle, Sombra de floralwhite, Matiz de lightskyblue, Matiz de gainsboro, Sombra de midnightblue, Matiz de lightcyan
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Modular SaaS UI Mesh Pattern códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #dcc6f6 | #dcc6f6 | RGB(220, 198, 246) | Section Lilac | — |
| #fffaf1 | #fffaf1 | RGB(255, 250, 241) | Container Cream | — |
| #85c1e9 | #85c1e9 | RGB(133, 193, 233) | Token Blue | — |
| #dbdbdb | #dbdbdb | RGB(219, 219, 219) | Border Gray | Gray86 |
| #283149 | #283149 | RGB(40, 49, 73) | Element Navy | — |
| #e0f9f1 | #e0f9f1 | RGB(224, 249, 241) | Override 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 | Taxa de contraste |
#dcc6f6 | #fffaf1 | 1.5 |
#dcc6f6 | #85c1e9 | 1.24 |
#dcc6f6 | #dbdbdb | 1.12 |
#dcc6f6 | #e0f9f1 | 1.41 |
#fffaf1 | #85c1e9 | 1.86 |
#fffaf1 | #dbdbdb | 1.33 |
Paleta de imagens Modular SaaS UI Mesh Pattern png
Exportar paleta
Baixe a "Modular SaaS UI Mesh Pattern" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: