Criado em 07/12/2025 20:02
Design Tokens Responsive Theme
- Primary Sky#76b5c5
- Secondary Rose#f49fb6
- Tertiary Slate#9a9a9a
- Surface Linen#f4f1de
- Border Graphite#3a3a3a
- Highlight Yellow#f3ffbd
A paleta consiste em cores Luz. Cores de destaque Primary Sky #76b5c5 e Highlight Yellow #f3ffbd. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #3A3A3A (mais escuro) a #F4F1DE (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 quente.
Códigos HEX (ordenados): #3A3A3A, #76B5C5, #9A9A9A, #F3FFBD, #F49FB6, #F4F1DE
A paleta Design Tokens Responsive Theme tem uma combinação de cores de códigos de 6:
HEX: #76b5c5, RGB: (118, 181, 197); HEX: #f49fb6, RGB: (244, 159, 182); HEX: #9a9a9a, RGB: (154, 154, 154)
HEX: #f4f1de, RGB: (244, 241, 222); HEX: #3a3a3a, RGB: (58, 58, 58); HEX: #f3ffbd, RGB: (243, 255, 189)
Versão simplificada das cores da paleta
Matiz de skyblue, Matiz de lightpink, Matiz de darkgrey, Matiz de beige, Matiz de darkslategrey, Sombra de palegoldenrod
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Design Tokens Responsive Theme códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #76b5c5 | #76b5c5 | RGB(118, 181, 197) | Primary Sky | — |
| #f49fb6 | #f49fb6 | RGB(244, 159, 182) | Secondary Rose | — |
| #9a9a9a | #9a9a9a | RGB(154, 154, 154) | Tertiary Slate | — |
| #f4f1de | #f4f1de | RGB(244, 241, 222) | Surface Linen | — |
| #3a3a3a | #3a3a3a | RGB(58, 58, 58) | Border Graphite | — |
| #f3ffbd | #f3ffbd | RGB(243, 255, 189) | Highlight Yellow | — |
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 |
#76b5c5 | #f49fb6 | 1.14 |
#76b5c5 | #9a9a9a | 1.23 |
#f49fb6 | #9a9a9a | 1.4 |
#f49fb6 | #f4f1de | 1.76 |
#f49fb6 | #f3ffbd | 1.89 |
#f4f1de | #f3ffbd | 1.07 |
Paleta de imagens Design Tokens Responsive Theme png
Exportar paleta
Baixe a "Design Tokens Responsive Theme" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: