Accessible Design Sprint UI
- Sticky Note Yellow#ffe066
- Empathy Map Blue#009ddc
- Problem Space Plum#6a0572
- Ideation Coral#f76c5e
- Prototype Ivory#fff5ec
- Feedback Grey#cccccc
Criado em 07/11/2025 10:12
A paleta consiste em cores Claro, Escuro. Cores de destaque Empathy Map Blue #009ddc e Prototype Ivory #fff5ec. A paleta tem Quente, Frio, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #6A0572 (mais escuro) a #FFF5EC (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 83% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #009DDC, #6A0572, #CCCCCC, #F76C5E, #FFE066, #FFF5EC
A paleta Accessible Design Sprint UI combina 6 códigos de cor:
HEX: #ffe066, RGB: (255, 224, 102); HEX: #009ddc, RGB: (0, 157, 220); HEX: #6a0572, RGB: (106, 5, 114)
HEX: #f76c5e, RGB: (247, 108, 94); HEX: #fff5ec, RGB: (255, 245, 236); HEX: #cccccc, RGB: (204, 204, 204)
Versão simplificada das cores da paleta
Tom claro de Dourado, Tom escuro de Azul-dodger, Tom escuro de Roxo, Tom escuro de Salmão, Tom escuro de Concha, Tom escuro de Cinza-claro
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Accessible Design Sprint UI códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Sticky Note Yellow | — |
| #009ddc | #009ddc | RGB(0, 157, 220) | Empathy Map Blue | — |
| #6a0572 | #6a0572 | RGB(106, 5, 114) | Problem Space Plum | — |
| #f76c5e | #f76c5e | RGB(247, 108, 94) | Ideation Coral | — |
| #fff5ec | #fff5ec | RGB(255, 245, 236) | Prototype Ivory | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Feedback Grey | Cerebral Grey |
Contraste da paleta de cores
6 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 |
|---|---|---|
#ffe066 | #fff5ec | 1.21 |
#ffe066 | #cccccc | 1.23 |
#009ddc | #f76c5e | 1.05 |
#009ddc | #cccccc | 1.9 |
#f76c5e | #cccccc | 1.8 |
#fff5ec | #cccccc | 1.49 |
Paleta de imagens Accessible Design Sprint UI png
Exportar paleta
Baixe a "Accessible Design Sprint UI" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: