#3B82F6
Un système de couleurs bleu 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.
Le bleu est la couleur la plus utilisée en design UI — et pour cause. Il transmet confiance, stabilité et professionnalisme. De Facebook à Twitter à LinkedIn, le bleu domine parce qu'il est universellement attrayant et confortable pour de longues sessions d'écran. Un système de couleurs basé sur le bleu fonctionne pour pratiquement tout type d'application web.
Voyez comment votre couleur rend en action
#dae3f2
Secondary text (text-muted) — descriptions, placeholders, captions
#a1a7b3
Buttons
Voici comment le contenu apparaîtra dans une carte
Background
--color-background
#101112
Surface
--color-surface
#1c1d1f
Primary
--color-primary
#3b82f5
Accent
--color-accent
#f53b82
Primary Hover
--color-primary-hover
••••••
Primary Disabled
--color-primary-disabled
••••••
Text Primary
--color-text-primary
••••••
Text Muted
--color-text-muted
••••••
Text on Primary
--color-text-on-primary
••••••
Text on Accent
--color-text-on-accent
••••••
Border
--color-border
••••••
Focus Ring
--color-focus-ring
••••••
Générez votre système personnalisé
Débloquez les 16 tokens + export dark/light
Générez votre système personnalisé →Paiement unique · 5 $