Couleurs
Un neutre en dix pas, sept teintes en neuf pas, quatre rampes Métiers et les couleurs de marque : 113 variables au total, générées depuis Figma et exposées en variables CSS. Chaque nuance porte son contraste WCAG sur fond blanc (W) et sur fond noir (B).
Couleurs Groupe
Les deux couleurs du logo et les deux teintes transversales de marque.
Rouge
#CE2D2D W 5.2 B 4.0 Vert
#00895C W 4.4 B 4.7 GR01
#273540 W 12.6 B 1.7 GR02
#0E4D64 W 9.3 B 2.3 Couleurs métiers
Quatre déclinaisons de marque, une rampe de neuf pas chacune. La nuance encadrée est la teinte de charte de l’entité.
Semences
Semences/100
#FDF6E4 W 1.1 B 19.5 Semences/200
#F9EDCC W 1.2 B 18.0 Semences/300
#F7E1A2 W 1.3 B 16.2 Semences/400
#F7DA88 W 1.4 B 15.3 Semences/500
#FFD459 W 1.4 B 14.8 Semences/600
#FDC41F W 1.6 B 13.1 Semences/700
#CF9A00 W 2.5 B 8.3 Semences/800
#875A00 W 6.0 B 3.5 Semences/900
#5B3C00 W 10.0 B 2.1 Énergie
Énergie/100
#FFEFEA W 1.1 B 18.7 Énergie/200
#FFDFD5 W 1.3 B 16.8 Énergie/300
#F7CABB W 1.5 B 14.1 Énergie/400
#EBB09D W 1.9 B 11.2 Énergie/500
#CA8670 W 2.9 B 7.2 Énergie/600
#C0684C W 3.9 B 5.3 Énergie/700
#A44D31 W 5.7 B 3.7 Énergie/800
#842607 W 9.3 B 2.3 Énergie/900
#601800 W 12.9 B 1.6 Plateau
Plateau/100
#F0FBF1 W 1.1 B 19.8 Plateau/200
#D4EED6 W 1.2 B 17.0 Plateau/300
#BEE5C1 W 1.4 B 15.2 Plateau/400
#AEDEB2 W 1.5 B 13.9 Plateau/500
#8BC790 W 2.0 B 10.7 Plateau/600
#6BA56F W 2.9 B 7.2 Plateau/700
#419947 W 3.6 B 5.9 Plateau/800
#2A6F2F W 6.2 B 3.4 Plateau/900
#144D18 W 9.9 B 2.1 Groupe
Groupe/100
#F0F6FF W 1.1 B 19.3 Groupe/200
#E1EEFF W 1.2 B 17.9 Groupe/300
#C3D7EF W 1.5 B 14.3 Groupe/400
#9CB9DB W 2.0 B 10.4 Groupe/500
#7CA0C4 W 2.7 B 7.7 Groupe/600
#5987A7 W 3.9 B 5.4 Groupe/700
#2E6685 W 6.3 B 3.4 Groupe/800
#234C62 W 9.2 B 2.3 Groupe/900
#002C44 W 14.5 B 1.5 Couleurs d'interface
Neutre et sept teintes, chacune en rampe complète de neuf pas.
Couleurs d'interface
AAA ≥ 7:1AA ≥ 4.5:1AA Large ≥ 3:1Échec < 3:1
Neutre
100
#F8F8F8 W 1.1 B 19.8 200
#EDEFF1 W 1.2 B 18.2 300
#D5D9DD W 1.4 B 14.8 400
#A2AFB9 W 2.2 B 9.4 500
#738595 W 3.8 B 5.5 600
#4F6373 W 6.2 B 3.4 700
#3D4F5E W 8.5 B 2.5 800
#273540 W 12.6 B 1.7 900
#1B2930 W 14.9 B 1.4 Rouge
Rouge/100
#FFF1F2 W 1.1 B 19.1 Rouge/200
#FFE0E0 W 1.2 B 17.0 Rouge/300
#FECACA W 1.4 B 14.5 Rouge/400
#FFADAD W 1.8 B 11.8 Rouge/500
#ED6E6E W 3.0 B 7.1 Rouge/600
#CE2D2D W 5.2 B 4.0 Rouge/700
#A82222 W 7.2 B 2.9 Rouge/800
#800000 W 10.9 B 1.9 Rouge/900
#600000 W 14.0 B 1.5 Vert
Vert/100
#ECFCF3 W 1.1 B 19.8 Vert/200
#D2F7EB W 1.2 B 18.2 Vert/300
#C5EBDE W 1.3 B 16.3 Vert/400
#8AD3BB W 1.7 B 12.1 Vert/500
#33B288 W 2.7 B 7.9 Vert/600
#00895C W 4.4 B 4.7 Vert/700
#005F40 W 7.8 B 2.7 Vert/800
#004B32 W 10.2 B 2.1 Vert/900
#003625 W 13.5 B 1.6 Bleu
Bleu/100
#EFF6FF W 1.1 B 19.3 Bleu/200
#D9E9FD W 1.2 B 17.0 Bleu/300
#BFDBFE W 1.4 B 14.8 Bleu/400
#A8C9F2 W 1.7 B 12.3 Bleu/500
#639DE7 W 2.8 B 7.5 Bleu/600
#3B82F6 W 3.7 B 5.7 Bleu/700
#1955B7 W 6.9 B 3.0 Bleu/800
#123B7E W 10.8 B 2.0 Bleu/900
#002665 W 14.3 B 1.5 Violet
Violet/100
#F9F4FF W 1.1 B 19.4 Violet/200
#EDDFFF W 1.3 B 16.6 Violet/300
#DABEFF W 1.6 B 12.8 Violet/400
#C69AFF W 2.2 B 9.5 Violet/500
#AA6BFB W 3.4 B 6.2 Violet/600
#8C3BF6 W 5.2 B 4.1 Violet/700
#731EE2 W 7.0 B 3.0 Violet/800
#48089B W 11.8 B 1.8 Violet/900
#2B0063 W 16.4 B 1.3 Jaune
Jaune/100
#FFFAE0 W 1.0 B 20.0 Jaune/200
#FCF1B7 W 1.1 B 18.4 Jaune/300
#FFEC83 W 1.2 B 17.6 Jaune/400
#FEE451 W 1.3 B 16.5 Jaune/500
#FFDE24 W 1.3 B 15.7 Jaune/600
#F7D200 W 1.5 B 14.2 Jaune/700
#DDBC00 W 1.9 B 11.3 Jaune/800
#947E00 W 4.0 B 5.3 Jaune/900
#675800 W 7.1 B 3.0 Rose
Rose/100
#FFEEF9 W 1.1 B 18.8 Rose/200
#FFE0F4 W 1.2 B 17.2 Rose/300
#FFC6EA W 1.4 B 14.5 Rose/400
#FFA1DD W 1.8 B 11.4 Rose/500
#FB6BC7 W 2.6 B 8.0 Rose/600
#FF4BBE W 3.0 B 7.0 Rose/700
#DD2A9C W 4.3 B 4.9 Rose/800
#A8006B W 7.3 B 2.9 Rose/900
#720049 W 11.6 B 1.8 Orange
Orange/100
#FFF4F0 W 1.1 B 19.5 Orange/200
#FFE8E1 W 1.2 B 17.9 Orange/300
#FFD2C5 W 1.4 B 15.3 Orange/400
#FFB49F W 1.7 B 12.3 Orange/500
#FE8F70 W 2.2 B 9.4 Orange/600
#FF724B W 2.7 B 7.8 Orange/700
#CD3A11 W 5.0 B 4.2 Orange/800
#BB2800 W 6.1 B 3.4 Orange/900
#6C1700 W 11.9 B 1.8 Le détail complet des 113 variables (rôles sémantiques, contrastes WCAG) vit dans le fichier Figma « RAGT Design System » — voir Get started → Design.