Full-Stack Design System Theme
- Front Navy#1f2937
- Middle Yellow#fcd34d
- Back Teal#10b981
- Route Lavender#a78bfa
- UI Snow#f9fafb
- Deploy Black#111827
Criado em 07/13/2025 17:34
A paleta consiste em cores Escuro, Claro. Cores de destaque Middle Yellow #fcd34d e Route Lavender #a78bfa. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #111827 (mais escuro) a #F9FAFB (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 2 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 (3 de 6).
Códigos HEX (ordenados): #10B981, #111827, #1F2937, #A78BFA, #F9FAFB, #FCD34D
A paleta Full-Stack Design System Theme combina 6 códigos de cor:
HEX: #1f2937, RGB: (31, 41, 55); HEX: #fcd34d, RGB: (252, 211, 77); HEX: #10b981, RGB: (16, 185, 129)
HEX: #a78bfa, RGB: (167, 139, 250); HEX: #f9fafb, RGB: (249, 250, 251); HEX: #111827, RGB: (17, 24, 39)
Versão simplificada das cores da paleta
Tom claro de Preto, Tom claro de Dourado, Tom escuro de Verde-mar-médio, Tom claro de Roxo-médio, Tom claro de Fumaça-branca, Tom claro de Preto
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Full-Stack Design System Theme códigos de cores HEX, informações RGB na tabela
Contraste da paleta de cores
5 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 |
|---|---|---|
#1f2937 | #111827 | 1.2 |
#fcd34d | #10b981 | 1.75 |
#fcd34d | #a78bfa | 1.88 |
#fcd34d | #f9fafb | 1.37 |
#10b981 | #a78bfa | 1.07 |
Paleta de imagens Full-Stack Design System Theme png
Exportar paleta
Baixe a "Full-Stack Design System Theme" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: