#06B6D4
Un système de couleurs cyan 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 cyan est la couleur de la technologie, de la clarté et de la précision. Il évoque les écrans, éditeurs de code et interfaces numériques. Un système basé sur le cyan est parfait pour les outils de développement, la documentation technique et les plateformes API.
Voyez comment votre couleur rend en action
#daeff2
Secondary text (text-muted) — descriptions, placeholders, captions
#a1b0b3
Buttons
Voici comment le contenu apparaîtra dans une carte
Background
--color-background
#101212
Surface
--color-surface
#1c1e1f
Primary
--color-primary
#06b5d4
Accent
--color-accent
#d406b5
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 $