Générer une palette
  1. Palettes de couleurs
  2. Design Token Management Suite

Design Token Management Suite

  • Token Dark Grey
    #2c2c2c
  • Variable Sky
    #a0c4ff
  • Spacing Lavender
    #cdb4db
  • Border Line Slate
    #7d8597
  • Typography White
    #fbfbfb
  • Hover Area Yellow
    #ffdd57
  6
Créé le 07/11/2025 09:35
parcolorday
La palette se compose de Sombre, Clair couleurs. Couleurs d'accent Variable Sky #a0c4ff et Hover Area Yellow #ffdd57. La palette a une température de couleur Neutre, Froid, Chaud.

En luminosité, cette palette va de #2C2C2C (plus sombre) à #FBFBFB (plus clair). L’écart de luminosité est large.

Saturation mixte — 3 teintes atténuées et 2 vives sur 6 couleurs.

Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.

La température globale penche vers le froid (2 sur 6).

Codes HEX (triés) : #2C2C2C, #7D8597, #A0C4FF, #CDB4DB, #FBFBFB, #FFDD57

La palette Design Token Management Suite combine 6 codes couleur:
HEX: #2c2c2c, RVB: (44, 44, 44); HEX: #a0c4ff, RVB: (160, 196, 255); HEX: #cdb4db, RVB: (205, 180, 219)
HEX: #7d8597, RVB: (125, 133, 151); HEX: #fbfbfb, RVB: (251, 251, 251); HEX: #ffdd57, RVB: (255, 221, 87)
Version simplifiée des couleurs de la palette
Teinte de Noir, Nuance de Bleu acier clair, Nuance de Chardon, Nuance de Gris ardoise clair, Nuance de Blanc, Teinte de Or
Le jeu de couleurs a été créé par colorday

Codes couleurs dans la palette

Design Token Management Suite codes de couleur HEX, informations RVB dans le tableau

Couleur HEX RVB Nom Autre nom
#2c2c2c #2c2c2c RVB(44, 44, 44)Token Dark Grey—
#a0c4ff #a0c4ff RVB(160, 196, 255)Variable Sky—
#cdb4db #cdb4db RVB(205, 180, 219)Spacing Lavender—
#7d8597 #7d8597 RVB(125, 133, 151)Border Line Slate—
#fbfbfb #fbfbfb RVB(251, 251, 251)Typography WhiteWhiteout
#ffdd57 #ffdd57 RVB(255, 221, 87)Hover Area Yellow—

Contraste de la palette de couleurs

7 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
Couleur du texte Couleur de l'arrière plan Rapport de contraste
#a0c4ff
#cdb4db
1.06
#a0c4ff
#fbfbfb
1.71
#a0c4ff
#ffdd57
1.32
#cdb4db
#7d8597
1.96
#cdb4db
#fbfbfb
1.82
#cdb4db
#ffdd57
1.41

Palette d'images Design Token Management Suite png

Design Token Management Suite palette de couleurs: Token Dark Grey, Variable Sky, Spacing Lavender, Border Line Slate
 Télécharger l'image