Palettes candidates, mesurées
Mêmes rôles dans chaque colonne : trois surfaces, trois encres, un accent d'interaction, une action primaire quand elle diffère, trois états, trois séries de graphiques. Le chiffre est le contraste WCAG sur la surface des panneaux.
≥ 4,5 texte AA 3 à 4,5 grands textes et icônes < 3 décoratif seulement
Forge
L'identité actuelle resserrée : noir profond, orange vif comme accent unique.
Sombre · contraste sur la surface e1
fond#0B0C0E
surface 2#1A1D22
encre#F6F7F8
17.2
encre douce#A9AEB6
8.3
encre discrète#80868F
5.0
accent#FF6B3D
6.5
ok#34D399
9.6
à vérifier#FCD34D
12.8
bloqué#F87171
6.7
séries
Clair · contraste sur la surface e1
fond#F5F4F1
encre#15171A
17.4
encre douce#4B5058
7.8
encre discrète#7A8088
3.9
accent#D9481A
4.2
ok#1E8A54
4.2
à vérifier#A86F0B
4.1
bloqué#B93A3A
5.4
séries
Échantillon sombre
ConcevoirObserverCompiler
party-mode
boomerang-orchestration
incident-response
L'orange à haute chroma vibre sur le noir et voisine avec l'ambre des avertissements : l'accent se confond avec un état.
Encre
L'accent d'interaction est l'encre elle-même ; l'orange ne reste que sur la marque et l'action primaire. Toute la chroma va aux états et aux données.
Sombre · contraste sur la surface e1
fond#0E1013
surface 2#1B1F25
encre#F2F3F5
16.2
encre douce#A8AEB7
8.0
encre discrète#7E858F
4.8
accent#F2F3F5
16.2
action primaire#FF6B3D
6.4
ok#3DBE7A
7.6
à vérifier#E2B33C
9.2
bloqué#E5645A
5.4
séries
Clair · contraste sur la surface e1
fond#F6F6F4
encre#17191C
17.0
encre douce#4E545C
7.4
encre discrète#767C85
4.1
accent#17191C
17.0
action primaire#D9481A
4.1
ok#1F8A55
4.2
à vérifier#9C6D0C
4.4
bloqué#B83A36
5.5
séries
Échantillon sombre
ConcevoirObserverCompiler
party-mode
boomerang-orchestration
incident-response
Moins de signature à l'écran : la sélection se lit par le contraste, pas par la couleur. À valider sur la sélection de nœuds.
Ardoise
Graphite froid, accent sarcelle : la couleur d'interaction est loin des trois états.
Sombre · contraste sur la surface e1
fond#14181D
surface 2#232A32
encre#EEF2F5
14.5
encre douce#A6B0BA
7.4
encre discrète#7B8793
4.5
accent#2FB8A9
6.7
ok#4FCB8E
8.0
à vérifier#E3B84A
8.7
bloqué#EA7069
5.5
séries
Clair · contraste sur la surface e1
fond#F2F4F5
encre#171B1F
16.6
encre douce#4C555E
7.3
encre discrète#737D87
4.0
accent#12796F
5.0
ok#1F8A55
4.2
à vérifier#9C6D0C
4.4
bloqué#B83A36
5.4
séries
Échantillon sombre
ConcevoirObserverCompiler
party-mode
boomerang-orchestration
incident-response
Le sarcelle et le vert « ok » se rapprochent pour un daltonien deutéranope ; l'écart mesuré reste suffisant mais sans marge.
Studio
Le gris moyen des éditeurs 3D et un accent bleu : la convention la plus répandue des outils professionnels.
Sombre · contraste sur la surface e1
fond#2B2B2B
surface 2#383838
encre#EDEDED
11.3
encre douce#B5B5B5
6.4
encre discrète#8C8C8C
3.9
accent#4F8DE6
4.0
ok#7BC67E
6.4
à vérifier#E0B85A
7.0
bloqué#E8736C
4.5
séries
Clair · contraste sur la surface e1
fond#E9E9E9
encre#1B1B1B
15.4
encre douce#4F4F4F
7.3
encre discrète#767676
4.1
accent#2469C2
4.8
ok#1F8A55
3.9
à vérifier#9C6D0C
4.1
bloqué#B83A36
5.1
séries
Échantillon sombre
ConcevoirObserverCompiler
party-mode
boomerang-orchestration
incident-response
Le gris moyen réduit la plage de contraste disponible ; les surfaces se distinguent par des ombres noires, pas par des bordures.
Papier
Clair d'abord : blanc cassé chaud, encre, vert profond. Le sombre en dérive.
Sombre · contraste sur la surface e1
fond#151412
surface 2#23211D
encre#F1EEE7
15.0
encre douce#B3AFA5
7.9
encre discrète#85817A
4.5
accent#5FBFA2
7.8
ok#8FD36A
9.7
à vérifier#E3B84A
9.3
bloqué#EA7069
5.8
séries
Clair · contraste sur la surface e1
fond#F3F0E8
encre#1C1B17
16.2
encre douce#5A574F
6.8
encre discrète#86827A
3.6
accent#1F6F5C
5.7
ok#4E8A2A
4.0
à vérifier#9A6B12
4.4
bloqué#B83A36
5.4
séries
Échantillon sombre
ConcevoirObserverCompiler
party-mode
boomerang-orchestration
incident-response
Le vert profond comme accent et le vert « ok » comme état demandent deux verts bien séparés ; ici l'état est plus clair et plus jaune.