Criado em 07/11/2025 21:23
Design Tokens System for UI Frameworks
- Primary Teal#00cfc1
- Secondary Coral#ff758f
- Surface White#ffffff
- Accent Indigo#4f46e5
- Background Graphite#2d2d2d
- Border Fog#f1f1f1
- Focus Lime#b4f8c8
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Primary Teal #00cfc1 e Secondary Coral #ff758f. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2D2D2D (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
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): #00CFC1, #2D2D2D, #4F46E5, #B4F8C8, #F1F1F1, #FF758F, #FFFFFF
A paleta Design Tokens System for UI Frameworks tem uma combinação de cores de códigos de 7:
HEX: #00cfc1, RGB: (0, 207, 193); HEX: #ff758f, RGB: (255, 117, 143); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #2d2d2d, RGB: (45, 45, 45); HEX: #f1f1f1, RGB: (241, 241, 241)
HEX: #b4f8c8, RGB: (180, 248, 200)
Versão simplificada das cores da paleta
Matiz de mediumturquoise, Matiz de lightcoral, Branco, Matiz de slateblue, Sombra de Preto, Matiz de whitesmoke, Sombra de aquamarine
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Design Tokens System for UI Frameworks códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #00cfc1 | #00cfc1 | RGB(0, 207, 193) | Primary Teal | — |
| #ff758f | #ff758f | RGB(255, 117, 143) | Secondary Coral | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Accent Indigo | — |
| #2d2d2d | #2d2d2d | RGB(45, 45, 45) | Background Graphite | — |
| #f1f1f1 | #f1f1f1 | RGB(241, 241, 241) | Border Fog | — |
| #b4f8c8 | #b4f8c8 | RGB(180, 248, 200) | Focus Lime | — |
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 |
#00cfc1 | #ff758f | 1.3 |
#00cfc1 | #ffffff | 1.96 |
#00cfc1 | #f1f1f1 | 1.73 |
#00cfc1 | #b4f8c8 | 1.6 |
#ffffff | #f1f1f1 | 1.12 |
#ffffff | #b4f8c8 | 1.22 |
Paleta de imagens Design Tokens System for UI Frameworks png
Exportar paleta
Baixe a "Design Tokens System for UI Frameworks" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: