Criado em 06/14/2025 19:48
Web Onboarding Component Flow
- Step Mint#a0f0c0
- Progress Indigo#7f9cf5
- CTA Peach#ffe5b4
- Instruction Grey#e2e8f0
- Confirm Navy#334155
- Overlay Soft White#f9fafb
A paleta consiste em cores Luz. Cores de destaque Progress Indigo #7f9cf5 e CTA Peach #ffe5b4. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #334155 (mais escuro) a #F9FAFB (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 frio.
Códigos HEX (ordenados): #334155, #7F9CF5, #A0F0C0, #E2E8F0, #F9FAFB, #FFE5B4
A paleta Web Onboarding Component Flow tem uma combinação de cores de códigos de 6:
HEX: #a0f0c0, RGB: (160, 240, 192); HEX: #7f9cf5, RGB: (127, 156, 245); HEX: #ffe5b4, RGB: (255, 229, 180)
HEX: #e2e8f0, RGB: (226, 232, 240); HEX: #334155, RGB: (51, 65, 85); HEX: #f9fafb, RGB: (249, 250, 251)
Versão simplificada das cores da paleta
Matiz de aquamarine, Sombra de cornflowerblue, Sombra de moccasin, Matiz de aliceblue, Matiz de darkslateblue, Sombra de whitesmoke
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Web Onboarding Component Flow códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #a0f0c0 | #a0f0c0 | RGB(160, 240, 192) | Step Mint | — |
| #7f9cf5 | #7f9cf5 | RGB(127, 156, 245) | Progress Indigo | — |
| #ffe5b4 | #ffe5b4 | RGB(255, 229, 180) | CTA Peach | Mouse Nose |
| #e2e8f0 | #e2e8f0 | RGB(226, 232, 240) | Instruction Grey | — |
| #334155 | #334155 | RGB(51, 65, 85) | Confirm Navy | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Overlay Soft White | — |
Contraste da Paleta de Cores
7 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 |
#a0f0c0 | #7f9cf5 | 1.97 |
#a0f0c0 | #ffe5b4 | 1.08 |
#a0f0c0 | #e2e8f0 | 1.08 |
#a0f0c0 | #f9fafb | 1.27 |
#ffe5b4 | #e2e8f0 | 1 |
#ffe5b4 | #f9fafb | 1.17 |
Paleta de imagens Web Onboarding Component Flow png
Exportar paleta
Baixe a "Web Onboarding Component Flow" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: