Digital Product UI Theme
- Feature Teal#2dd4bf
- UX Rose#fbcfe8
- Priority Yellow#facc15
- Status Graphite#1f2937
- Roadmap Mist#f3f4f6
- Update Indigo#6366f1
- Launch Peach#fed7aa
Criado em 06/27/2025 11:02
A paleta consiste em cores Claro, Escuro. Cores de destaque Update Indigo #6366f1 e Launch Peach #fed7aa. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1F2937 (mais escuro) a #F3F4F6 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 71% 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 (3 quentes, 3 frias).
Códigos HEX (ordenados): #1F2937, #2DD4BF, #6366F1, #F3F4F6, #FACC15, #FBCFE8, #FED7AA
A paleta Digital Product UI Theme combina 7 códigos de cor:
HEX: #2dd4bf, RGB: (45, 212, 191); HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #facc15, RGB: (250, 204, 21)
HEX: #1f2937, RGB: (31, 41, 55); HEX: #f3f4f6, RGB: (243, 244, 246); HEX: #6366f1, RGB: (99, 102, 241)
HEX: #fed7aa, RGB: (254, 215, 170)
Versão simplificada das cores da paleta
Tom escuro de Turquesa, Tom claro de Cardo, Tom escuro de Dourado, Tom claro de Preto, Tom escuro de Fumaça-branca, Tom escuro de Azul-ardósia-médio, Tom escuro de Branco-navajo
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Digital Product UI Theme códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Feature Teal | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | UX Rose | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Priority Yellow | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Status Graphite | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Roadmap Mist | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Update Indigo | — |
| #fed7aa | #fed7aa | RGB(254, 215, 170) | Launch Peach | — |
Contraste da paleta de cores
10 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 |
|---|---|---|
#2dd4bf | #fbcfe8 | 1.34 |
#2dd4bf | #facc15 | 1.21 |
#2dd4bf | #f3f4f6 | 1.69 |
#2dd4bf | #fed7aa | 1.37 |
#fbcfe8 | #facc15 | 1.1 |
#fbcfe8 | #f3f4f6 | 1.25 |
Paleta de imagens Digital Product UI Theme png
Exportar paleta
Baixe a "Digital Product UI Theme" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: