Gerar paleta
  1. Paletas de cores
  2. Design Token Management Suite

Design Token Management Suite

  • Token Dark Grey
    #2c2c2c
  • Variable Sky
    #a0c4ff
  • Spacing Lavender
    #cdb4db
  • Border Line Slate
    #7d8597
  • Typography White
    #fbfbfb
  • Hover Area Yellow
    #ffdd57
  6
Criado em 07/11/2025 09:35
porcolorday
A paleta consiste em cores Escuro, Claro. Cores de destaque Variable Sky #a0c4ff e Hover Area Yellow #ffdd57. A paleta tem Neutro, Frio, Quente temperatura de cores.

Em luminosidade, a paleta vai de #2C2C2C (mais escuro) a #FBFBFB (mais claro). A faixa de luminosidade é ampla.

Saturação mista — 3 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): #2C2C2C, #7D8597, #A0C4FF, #CDB4DB, #FBFBFB, #FFDD57

A paleta Design Token Management Suite combina 6 códigos de cor:
HEX: #2c2c2c, RGB: (44, 44, 44); HEX: #a0c4ff, RGB: (160, 196, 255); HEX: #cdb4db, RGB: (205, 180, 219)
HEX: #7d8597, RGB: (125, 133, 151); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #ffdd57, RGB: (255, 221, 87)
Versão simplificada das cores da paleta
Tom claro de Preto, Tom escuro de Azul-aço-claro, Tom escuro de Cardo, Tom escuro de Cinza-ardósia-claro, Tom escuro de Branco, Tom claro de Dourado
O esquema de cores foi criado por colorday

Códigos de cores na paleta

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

Cor HEX RGB Nome nome alternativo
#2c2c2c #2c2c2c RGB(44, 44, 44)Token Dark Grey—
#a0c4ff #a0c4ff RGB(160, 196, 255)Variable Sky—
#cdb4db #cdb4db RGB(205, 180, 219)Spacing Lavender—
#7d8597 #7d8597 RGB(125, 133, 151)Border Line Slate—
#fbfbfb #fbfbfb RGB(251, 251, 251)Typography WhiteWhiteout
#ffdd57 #ffdd57 RGB(255, 221, 87)Hover Area Yellow—

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 Razão de contraste
#a0c4ff
#cdb4db
1.06
#a0c4ff
#fbfbfb
1.71
#a0c4ff
#ffdd57
1.32
#cdb4db
#7d8597
1.96
#cdb4db
#fbfbfb
1.82
#cdb4db
#ffdd57
1.41

Paleta de imagens Design Token Management Suite png

Design Token Management Suite paleta de cores: Token Dark Grey, Variable Sky, Spacing Lavender, Border Line Slate
 Baixar imagem