Design Token Strategy System
- Token Teal#20c997
- Layer Lavender#d8b4e2
- Grid Amber#f7b267
- Border Black#121212
- Base Cream#faf3dd
Criado em 07/08/2025 08:32
A paleta consiste em cores Claro, Escuro. Cores de destaque Token Teal #20c997 e Grid Amber #f7b267. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #121212 (mais escuro) a #FAF3DD (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 60% das cores são vívidas.
Uma paleta variada: seus tons se espalham por cerca de 235° do círculo cromático.
No geral, a temperatura tende para o frio (2 de 5).
Códigos HEX (ordenados): #121212, #20C997, #D8B4E2, #F7B267, #FAF3DD
A paleta Design Token Strategy System combina 5 códigos de cor:
HEX: #20c997, RGB: (32, 201, 151); HEX: #d8b4e2, RGB: (216, 180, 226); HEX: #f7b267, RGB: (247, 178, 103)
HEX: #121212, RGB: (18, 18, 18); HEX: #faf3dd, RGB: (250, 243, 221)
Versão simplificada das cores da paleta
Tom escuro de Água-marinha-média, Tom claro de Ameixa, Tom claro de Marrom-areia, Tom claro de Preto, Tom escuro de Seda-de-milho
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Design Token Strategy System códigos de cores HEX, informações RGB na tabela
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 | Razão de contraste |
|---|---|---|
#20c997 | #d8b4e2 | 1.17 |
#20c997 | #f7b267 | 1.16 |
#20c997 | #faf3dd | 1.91 |
#d8b4e2 | #f7b267 | 1 |
#d8b4e2 | #faf3dd | 1.63 |
#f7b267 | #faf3dd | 1.64 |
Paleta de imagens Design Token Strategy System png
Exportar paleta
Baixe a "Design Token Strategy System" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: