Criado em 07/19/2025 07:43
Mobile App Figma UX Pack
Wireframe Gray
#d4d4d8
Auto Layout Sand
#fff7ed
Component Border Blue
#93c5fd
Text Layer Black
#1e1e1e
Shadow Beige
#fef3c7
Action CTA Coral
#fb7185
A paleta consiste em cores Luz, Escuro. Cores de destaque Auto Layout Sand #fff7ed e Component Border Blue #93c5fd. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
A paleta Mobile App Figma UX Pack tem uma combinação de cores de códigos de 6:
HEX: #d4d4d8, RGB: (212, 212, 216); HEX: #fff7ed, RGB: (255, 247, 237); HEX: #93c5fd, RGB: (147, 197, 253)
HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #fef3c7, RGB: (254, 243, 199); HEX: #fb7185, RGB: (251, 113, 133)
Versão simplificada das cores da paleta
Sombra de lightgrey, Matiz de floralwhite, Matiz de lightskyblue, Sombra de Preto, Matiz de lemonchiffon, Matiz de lightcoral
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Mobile App Figma UX Pack códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #d4d4d8 | #d4d4d8 | RGB(212, 212, 216) | Wireframe Gray | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Auto Layout Sand | Fatback |
| #93c5fd | #93c5fd | RGB(147, 197, 253) | Component Border Blue | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Text Layer Black | — |
| #fef3c7 | #fef3c7 | RGB(254, 243, 199) | Shadow Beige | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Action CTA Coral | — |
Contraste da Paleta de Cores
8 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 |
#d4d4d8 | #fff7ed | 1.39 |
#d4d4d8 | #93c5fd | 1.22 |
#d4d4d8 | #fef3c7 | 1.32 |
#d4d4d8 | #fb7185 | 1.82 |
#fff7ed | #93c5fd | 1.69 |
#fff7ed | #fef3c7 | 1.04 |
