Gerar paleta
  1. Paletas de cores
  2. Adaptive Mobile Design Tokens Kit

Adaptive Mobile Design Tokens Kit

  • Interaction Lime
    #cbe896
  • Surface Cream
    #fff8f0
  • Dropdown Lavender
    #cbaacb
  • Tap Blue
    #118ab2
  • Field Gray
    #ced6e0
  • Focus Shadow
    #2f2f2f
  11
Criado em 07/23/2025 08:33
porcolorscheme
A paleta consiste em cores Claro, Escuro. Cores de destaque Surface Cream #fff8f0 e Tap Blue #118ab2. A paleta tem Frio, Neutro temperatura de cores.

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

Saturação mista — 3 suaves e 3 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 (4 de 6).

Códigos HEX (ordenados): #118AB2, #2F2F2F, #CBAACB, #CBE896, #CED6E0, #FFF8F0

A paleta Adaptive Mobile Design Tokens Kit combina 6 códigos de cor:
HEX: #cbe896, RGB: (203, 232, 150); HEX: #fff8f0, RGB: (255, 248, 240); HEX: #cbaacb, RGB: (203, 170, 203)
HEX: #118ab2, RGB: (17, 138, 178); HEX: #ced6e0, RGB: (206, 214, 224); HEX: #2f2f2f, RGB: (47, 47, 47)
Versão simplificada das cores da paleta
Tom escuro de Vara-dourada-pálida, Tom escuro de Branco-floral, Tom escuro de Cardo, Tom escuro de Azul-aço, Tom claro de Cinza-claro, Tom claro de Preto
O esquema de cores foi criado por colorscheme

Códigos de cores na paleta

Adaptive Mobile Design Tokens Kit códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#cbe896 #cbe896 RGB(203, 232, 150)Interaction Lime—
#fff8f0 #fff8f0 RGB(255, 248, 240)Surface Cream—
#cbaacb #cbaacb RGB(203, 170, 203)Dropdown Lavender—
#118ab2 #118ab2 RGB(17, 138, 178)Tap Blue—
#ced6e0 #ced6e0 RGB(206, 214, 224)Field Gray—
#2f2f2f #2f2f2f RGB(47, 47, 47)Focus Shadow—

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
#cbe896
#fff8f0
1.28
#cbe896
#cbaacb
1.52
#cbe896
#ced6e0
1.08
#fff8f0
#cbaacb
1.96
#fff8f0
#ced6e0
1.39
#cbaacb
#118ab2
1.91

Paleta de imagens Adaptive Mobile Design Tokens Kit png

Adaptive Mobile Design Tokens Kit paleta de cores: Interaction Lime, Surface Cream, Dropdown Lavender, Tap Blue, Field Gray
 Baixar imagem