Système de Couleurs Indigo

#6366F1

Un système de couleurs indigo complet prêt pour la production. Découvrez la palette en direct ci-dessous — arrière-plan, surface, primaire, accent, couleurs de texte et états de boutons — le tout généré automatiquement avec support mode sombre et clair.

Pourquoi Indigo pour votre UI ?

L'indigo combine la confiance du bleu avec la créativité du violet. C'est la couleur de la concentration profonde et de l'intelligence — utilisée par des entreprises comme Stripe, Twitch et de nombreux produits fintech.

What you get

  • 16 jetons de couleur avec noms sémantiques (--color-primary, --color-surface, --color-success, etc.)
  • Mode sombre + Mode clair — générés automatiquement
  • Ratios de contraste texte conformes WCAG
  • États de boutons : primary, hover, disabled, accent
  • Variables CSS prêtes à coller dans n'importe quel projet
  • Compatible avec Tailwind CSS, React, Vue ou HTML pur

Créez votre propre système de couleurs

Commencer avec cette couleur

One-time payment · $5.00

FAQ

Quelles couleurs s'associent bien avec le indigo ?
Notre générateur crée automatiquement une couleur d'accent complémentaire, des couleurs de texte équilibrées et des arrière-plans neutres.
Un système indigo fonctionne-t-il en mode sombre ?
Absolument. Notre générateur crée des variantes optimisées pour les modes sombre et clair.
Puis-je personnaliser la palette indigo ?
Oui ! La palette générée est un point de départ. Vous pouvez choisir n'importe quelle nuance comme base.