Design system modules 4px systematic palette
- French Rose#ef4a88
- Heliotrope#d26ff7
- Green (Crayola)#21b77c
- Moonstone Blue#7aadbe
- Pastel Blue#a8d0cb
- Feldgrau#446858
Criado em 10/26/2022 09:33
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Heliotrope #d26ff7 e Green (Crayola) #21b77c. A paleta tem Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #446858 (mais escuro) a #A8D0CB (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 1 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (5 de 6).
Códigos HEX (ordenados): #21B77C, #446858, #7AADBE, #A8D0CB, #D26FF7, #EF4A88
A paleta Design system modules 4px systematic palette combina 6 códigos de cor:
HEX: #ef4a88, RGB: (239, 74, 136); HEX: #d26ff7, RGB: (210, 111, 247); HEX: #21b77c, RGB: (33, 183, 124)
HEX: #7aadbe, RGB: (122, 173, 190); HEX: #a8d0cb, RGB: (168, 208, 203); HEX: #446858, RGB: (68, 104, 88)
Versão simplificada das cores da paleta
Tom claro de Rosa-profundo, Tom claro de Orquídea, Tom escuro de Verde-mar-médio, Tom escuro de Azul-céu, Tom escuro de Azul-pó, Tom claro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design system modules 4px systematic palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ef4a88 | #ef4a88 | RGB(239, 74, 136) | French Rose | — |
| #d26ff7 | #d26ff7 | RGB(210, 111, 247) | Heliotrope | — |
| #21b77c | #21b77c | RGB(33, 183, 124) | Green (Crayola) | — |
| #7aadbe | #7aadbe | RGB(122, 173, 190) | Moonstone Blue | — |
| #a8d0cb | #a8d0cb | RGB(168, 208, 203) | Pastel Blue | — |
| #446858 | #446858 | RGB(68, 104, 88) | Feldgrau | — |
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 |
|---|---|---|
#ef4a88 | #d26ff7 | 1.22 |
#ef4a88 | #21b77c | 1.35 |
#ef4a88 | #7aadbe | 1.42 |
#ef4a88 | #446858 | 1.78 |
#d26ff7 | #21b77c | 1.1 |
#d26ff7 | #7aadbe | 1.16 |
Paleta de imagens Design system modules 4px systematic palette png
Exportar paleta
Baixe a "Design system modules 4px systematic palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: