Criado em 07/10/2025 08:37
Design Thinking Flow System
- Empathy Coral#ff9b9b
- Define Cloud#f8f9fa
- Ideate Yellow#fff176
- Prototype Indigo#3f51b5
- Test Black#202124
- Iteration Mint#aaf683
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Ideate Yellow #fff176 e Prototype Indigo #3f51b5. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #202124 (mais escuro) a #F8F9FA (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
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 quente.
Códigos HEX (ordenados): #202124, #3F51B5, #AAF683, #F8F9FA, #FF9B9B, #FFF176
A paleta Design Thinking Flow System tem uma combinação de cores de códigos de 6:
HEX: #ff9b9b, RGB: (255, 155, 155); HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #fff176, RGB: (255, 241, 118)
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #202124, RGB: (32, 33, 36); HEX: #aaf683, RGB: (170, 246, 131)
Versão simplificada das cores da paleta
Sombra de lightcoral, Sombra de whitesmoke, Sombra de Cáqui, Matiz de slateblue, Sombra de Preto, Sombra de palegreen
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Design Thinking Flow System códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ff9b9b | #ff9b9b | RGB(255, 155, 155) | Empathy Coral | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Define Cloud | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Ideate Yellow | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Prototype Indigo | — |
| #202124 | #202124 | RGB(32, 33, 36) | Test Black | Noble Black |
| #aaf683 | #aaf683 | RGB(170, 246, 131) | Iteration Mint | — |
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 | Taxa de contraste |
#ff9b9b | #f8f9fa | 1.91 |
#ff9b9b | #fff176 | 1.73 |
#ff9b9b | #aaf683 | 1.55 |
#f8f9fa | #fff176 | 1.1 |
#f8f9fa | #aaf683 | 1.22 |
#fff176 | #aaf683 | 1.11 |
Paleta de imagens Design Thinking Flow System png
Exportar paleta
Baixe a "Design Thinking Flow System" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: