Criado em 09/19/2025 21:56
Mobile First UX Playground
App Cyan
#06b6d4
Onboarding Peach
#ffd6a5
Action Red
#ef4444
Background White
#ffffff
Menu Navy
#1e3a8a
Card Gray
#e5e7eb
CTA Green
#16a34a
A paleta consiste em cores Luz. Cores de destaque App Cyan #06b6d4 e Onboarding Peach #ffd6a5. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
A paleta Mobile First UX Playground tem uma combinação de cores de códigos de 7:
HEX: #06b6d4, RGB: (6, 182, 212); HEX: #ffd6a5, RGB: (255, 214, 165); HEX: #ef4444, RGB: (239, 68, 68)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #1e3a8a, RGB: (30, 58, 138); HEX: #e5e7eb, RGB: (229, 231, 235)
HEX: #16a34a, RGB: (22, 163, 74)
Versão simplificada das cores da paleta
Matiz de deepskyblue, Matiz de navajowhite, Matiz de indianred, Branco, Matiz de darkslateblue, Sombra de gainsboro, Matiz de mediumseagreen
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Mobile First UX Playground códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #06b6d4 | #06b6d4 | RGB(6, 182, 212) | App Cyan | — |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Onboarding Peach | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Action Red | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Menu Navy | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Card Gray | — |
| #16a34a | #16a34a | RGB(22, 163, 74) | CTA Green | — |
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 |
#06b6d4 | #ffd6a5 | 1.78 |
#06b6d4 | #ef4444 | 1.54 |
#06b6d4 | #e5e7eb | 1.96 |
#06b6d4 | #16a34a | 1.35 |
#ffd6a5 | #ffffff | 1.36 |
#ffd6a5 | #e5e7eb | 1.1 |
