Criado em 06/14/2025 19:44
Design Tokens Light UI Kit
- Base Linen#faf8f5
- Primary Teal#00cfc1
- Accent Rose#ffb4a2
- Info Indigo#6c63ff
- Border Fog#e5e5e5
- Interactive Charcoal#222222
A paleta consiste em cores Luz, Escuro. Cores de destaque Primary Teal #00cfc1 e Accent Rose #ffb4a2. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #222222 (mais escuro) a #FAF8F5 (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): #00CFC1, #222222, #6C63FF, #E5E5E5, #FAF8F5, #FFB4A2
A paleta Design Tokens Light UI Kit tem uma combinação de cores de códigos de 6:
HEX: #faf8f5, RGB: (250, 248, 245); HEX: #00cfc1, RGB: (0, 207, 193); HEX: #ffb4a2, RGB: (255, 180, 162)
HEX: #6c63ff, RGB: (108, 99, 255); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #222222, RGB: (34, 34, 34)
Versão simplificada das cores da paleta
Sombra de whitesmoke, Matiz de mediumturquoise, Sombra de lightsalmon, Matiz de mediumslateblue, Sombra de gainsboro, Sombra de Preto
O esquema de cores foi criado por hex
Códigos de cores na paleta
Design Tokens Light UI Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #faf8f5 | #faf8f5 | RGB(250, 248, 245) | Base Linen | — |
| #00cfc1 | #00cfc1 | RGB(0, 207, 193) | Primary Teal | — |
| #ffb4a2 | #ffb4a2 | RGB(255, 180, 162) | Accent Rose | — |
| #6c63ff | #6c63ff | RGB(108, 99, 255) | Info Indigo | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Border Fog | Gray90 |
| #222222 | #222222 | RGB(34, 34, 34) | Interactive Charcoal | Black Out |
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 |
#faf8f5 | #00cfc1 | 1.85 |
#faf8f5 | #ffb4a2 | 1.61 |
#faf8f5 | #e5e5e5 | 1.18 |
#00cfc1 | #ffb4a2 | 1.15 |
#00cfc1 | #e5e5e5 | 1.55 |
#ffb4a2 | #e5e5e5 | 1.35 |
Paleta de imagens Design Tokens Light UI Kit png
Exportar paleta
Baixe a "Design Tokens Light UI Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: