Gerar paleta
  1. Paletas de cores
  2. Design System Token Studio

Design System Token Studio

  • Spacing Sand
    #f5f1e7
  • Border Ink
    #292f36
  • Font Scale Violet
    #a89be5
  • Palette Snow
    #faf9f6
  • State Highlight Pink
    #ff8fab
  • Shadow Graphite
    #333333
  1
Criado em 06/08/2025 14:38
porcoolor
A paleta consiste em cores Claro, Escuro, Semi escuro. Cores de destaque Border Ink #292f36 e State Highlight Pink #ff8fab. A paleta tem Neutro, Frio, Quente temperatura de cores.

Em luminosidade, a paleta vai de #292F36 (mais escuro) a #FAF9F6 (mais claro). A faixa de luminosidade é ampla.

Saturação mista — 2 suaves e 2 vívidas em 6 cores.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

No geral, a temperatura tende para o frio (2 de 6).

Códigos HEX (ordenados): #292F36, #333333, #A89BE5, #F5F1E7, #FAF9F6, #FF8FAB

A paleta Design System Token Studio combina 6 códigos de cor:
HEX: #f5f1e7, RGB: (245, 241, 231); HEX: #292f36, RGB: (41, 47, 54); HEX: #a89be5, RGB: (168, 155, 229)
HEX: #faf9f6, RGB: (250, 249, 246); HEX: #ff8fab, RGB: (255, 143, 171); HEX: #333333, RGB: (51, 51, 51)
Versão simplificada das cores da paleta
Tom escuro de Branco-floral, Tom claro de Preto, Tom escuro de Azul-aço-claro, Tom claro de Fumaça-branca, Tom claro de Vermelho-violeta-pálido, Tom claro de Preto
O esquema de cores foi criado por coolor

Códigos de cores na paleta

Design System Token Studio códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#f5f1e7#f5f1e7RGB(245, 241, 231)Spacing Sand—
#292f36#292f36RGB(41, 47, 54)Border Ink—
#a89be5#a89be5RGB(168, 155, 229)Font Scale Violet—
#faf9f6#faf9f6RGB(250, 249, 246)Palette Snow—
#ff8fab#ff8fabRGB(255, 143, 171)State Highlight Pink—
#333333#333333RGB(51, 51, 51)Shadow GraphiteCarbon

Contraste da paleta de cores

4 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do textoCor de fundoRazão de contraste
#f5f1e7
#faf9f6
1.07
#f5f1e7
#ff8fab
1.9
#292f36
#333333
1.06
#a89be5
#ff8fab
1.15

Paleta de imagens Design System Token Studio png

Design System Token Studio paleta de cores: Spacing Sand, Border Ink, Font Scale Violet, Palette Snow, State Highlight Pink
 Baixar imagem