Gere um sistema de cores pronto para produção a partir de 1 cor
Escolha um hex. Receba um sistema de cores consistente para sua UI — dark mode, light mode, estados de botão, variáveis CSS — tudo pronto em 30 segundos.
Pagamento único · R$9,90Feito por devs indie, para devs indie · Sem assinatura — pague uma vez só
Feito para quem constrói SaaS e quer enviar rápido
Use o color picker ou cole um código hex — só uma decisão
Um layout real mostrando cards, botões, textos e estados com a sua cor
Baixe o CSS pronto com variáveis, dark mode e um exemplo HTML
Escolha um hex. Receba um sistema de cores consistente para sua UI — dark mode, light mode, estados de botão, variáveis CSS — tudo pronto em 30 segundos.
Gerar meu sistema de cores →Pagamento único · R$9,90
Escolha uma cor e veja o sistema gerado em tempo real
Botões
Conteúdo real usando surface, border e text-muted do sistema gerado
Background
#101012
Surface
#1c1c1f
Primary
#6366f2
Accent
#cc9d72
Primary Hover
••••••
Primary Disabled
••••••
Text Primary
••••••
Text Muted
••••••
Text on Primary
••••••
Text on Accent
••••••
Border
••••••
Focus Ring
••••••
:root {--color-primary: #6366f2;--color-accent: #cc9d72;--color-background: #101012;--color-surface: /* locked */;--color-primary-hover: /* locked */;--color-primary-disabled: /* locked */;--color-text-primary: /* locked */;--color-text-muted: /* locked */;--color-text-on-primary: /* locked */;--color-text-on-accent: /* locked */;--color-border: /* locked */;--color-focus-ring: /* locked */;/* ...more variables available after payment */}
Desbloqueie o sistema completo
Consistência para sua UI sem precisar pensar. Dark mode, tokens e código — resolvido.
Gerar meu sistema de cores →Pagamento único · R$9,90