Au service des compétences du Commerce de demain
Télécharger le kit Couleurs
Les deux couleurs du logo
Le logo de l’Opcommerce repose sur deux couleurs : un bleu et un vert. Ce sont les références de la marque, à reprendre exactement pour tout ce qui accompagne le logo.
- Le vert du logo est aussi le vert principal de la palette.
- Le bleu du logo est aussi le bleu marine principal.
|
Bleu du logo
CMJN : 100, 73, 31, 18
RVB : 8, 67, 111
HEXA : #08436F
|
Vert du logo
CMJN : 55, 0, 90, 0
RVB : 128, 211, 58
HEXA : #80D33A
|
Palette officielle
La palette compte neuf familles de couleurs, chacune en trois niveaux : clair, principal et foncé, soit 27 nuances.
Le bleu marine principal est le bleu du logo (#08436F) : c’est aussi la couleur de la police de texte, sur toutes les pages et dans toutes les offres.
Bleu marine
|
Bleu marine · clair
CMJN : 54, 28, 20, 4
RVB : 128, 161, 184
HEXA : #80A1B8
|
Bleu marine · principal
CMJN : 100, 73, 31, 18
RVB : 8, 67, 111
HEXA : #08436F
|
Bleu marine · foncé
CMJN : 100, 82, 43, 42
RVB : 0, 43, 77
HEXA : #002B4D
|
Vert
|
Vert · clair
CMJN : 36, 0, 58, 0
RVB : 181, 229, 138
HEXA : #B5E58A
|
Vert · principal
CMJN : 55, 0, 90, 0
RVB : 128, 211, 58
HEXA : #80D33A
|
Vert · foncé
CMJN : 76, 19, 100, 4
RVB : 66, 145, 56
HEXA : #429138
|
Rose
|
Rose · clair
CMJN : 5, 50, 0, 0
RVB : 242, 156, 209
HEXA : #F29CD1
|
Rose · principal
CMJN : 19, 84, 0, 0
RVB : 229, 46, 168
HEXA : #E52EA8
|
Rose · foncé
CMJN : 32, 94, 10, 2
RVB : 178, 43, 125
HEXA : #B22B7D
|
Violet
|
Violet · clair
CMJN : 26, 43, 0, 0
RVB : 212, 161, 237
HEXA : #D4A1ED
|
Violet · principal
CMJN : 62, 78, 0, 0
RVB : 168, 64, 217
HEXA : #A840D9
|
Violet · foncé
CMJN : 67, 87, 0, 0
RVB : 128, 48, 166
HEXA : #8030A6
|
Bleu ciel
|
Bleu ciel · clair
CMJN : 42, 3, 0, 0
RVB : 150, 214, 255
HEXA : #96D6FF
|
Bleu ciel · principal
CMJN : 66, 21, 0, 0
RVB : 43, 173, 255
HEXA : #2BADFF
|
Bleu ciel · foncé
CMJN : 80, 39, 5, 0
RVB : 33, 130, 191
HEXA : #2182BF
|
Jaune
|
Jaune · clair
CMJN : 0, 9, 53, 0
RVB : 255, 229, 143
HEXA : #FFE58F
|
Jaune · principal
CMJN : 0, 21, 89, 0
RVB : 255, 204, 33
HEXA : #FFCC21
|
Jaune · foncé
CMJN : 22, 35, 98, 11
RVB : 191, 153, 23
HEXA : #BF9917
|
Bleu roi
|
Bleu roi · clair
CMJN : 38, 26, 0, 0
RVB : 168, 184, 247
HEXA : #A8B8F7
|
Bleu roi · principal
CMJN : 76, 60, 0, 0
RVB : 82, 110, 240
HEXA : #526EF0
|
Bleu roi · foncé
CMJN : 96, 81, 0, 0
RVB : 28, 56, 166
HEXA : #1C38A6
|
Rouge
|
Rouge · clair
CMJN : 0, 46, 28, 0
RVB : 252, 166, 163
HEXA : #FCA6A3
|
Rouge · principal
CMJN : 0, 82, 67, 0
RVB : 252, 74, 69
HEXA : #FC4A45
|
Rouge · foncé
CMJN : 12, 87, 78, 3
RVB : 207, 61, 56
HEXA : #CF3D38
|
Orange
|
Orange · clair
CMJN : 0, 24, 76, 0
RVB : 255, 201, 79
HEXA : #FFC94F
|
Orange · principal
CMJN : 0, 44, 94, 0
RVB : 255, 163, 0
HEXA : #FFA300
|
Orange · foncé
CMJN : 0, 58, 95, 0
RVB : 255, 133, 0
HEXA : #FF8500
|
Lecture
Dans chaque famille, de gauche à droite : clair, principal, foncé. La couleur principale est celle du milieu.
Les couleurs des offres de services
Chaque box de l’offre de services a sa propre palette, toujours avec la police en bleu marine #08436F. Voici ses couleurs principales : le détail (couleurs secondaires, combinaisons, visuels) est dans la page de chaque offre.
|
Bleu
CMJN : 62, 22, 19, 2
RVB : 99, 163, 190
HEXA : #63A3BE
|
Orange
CMJN : 0, 42, 85, 0
RVB : 255, 168, 45
HEXA : #FFA82D
|
Mauve
CMJN : 59, 45, 0, 0
RVB : 119, 137, 213
HEXA : #7789D5
|
|
Vert clair
CMJN : 30, 0, 71, 0
RVB : 197, 222, 102
HEXA : #C5DE66
|
Vert
CMJN : 80, 2, 82, 0
RVB : 0, 165, 90
HEXA : #00A55A
|
Vert foncé
CMJN : 87, 35, 61, 29
RVB : 0, 100, 90
HEXA : #00645A
|
|
Bleu vif
CMJN : 93, 74, 0, 0
RVB : 0, 28, 255
HEXA : #001CFF
|
Violet
CMJN : 62, 80, 0, 0
RVB : 195, 25, 255
HEXA : #C319FF
|
Bleu clair
CMJN : 65, 0, 0, 0
RVB : 3, 200, 255
HEXA : #03C8FF
|
|
Bleu
CMJN : 62, 22, 19, 2
RVB : 99, 163, 190
HEXA : #63A3BE
|
Rose
CMJN : 5, 52, 3, 0
RVB : 232, 152, 190
HEXA : #E898BE
|
Vert
CMJN : 27, 0, 50, 0
RVB : 202, 233, 156
HEXA : #CAE99C
|
|
Couleur principale
CMJN : 71, 0, 50, 0
RVB : 26, 188, 156
HEXA : #1ABC9C
|
Fond
CMJN : 16, 0, 9, 0
RVB : 221, 245, 240
HEXA : #DDF5F0
|
Une cinquième box à venir
Sa palette rejoindra cette liste.
Dégradé
Le dégradé de la marque va du bleu #08436F (à gauche) au vert #80D33A (à droite). Il habille les bandeaux et les liserés de 2 à 5 mm, en haut ou en bas de page.
D’autres dégradés sont possibles avec les couleurs de la charte, selon trois règles :
- deux couleurs seulement, de gauche à droite ;
- à gauche, une couleur principale (bleu ou vert) ou la couleur de la box ;
- à droite, une couleur voisine de la palette, souvent plus foncée.
Accessibilité
- Contraste de 4,5:1 minimum pour le texte courant, 3:1 pour le grand texte.
- Texte bleu marine #08436F sur fond vert #80D33A : autorisé (5,5:1).
- Blanc sur vert : interdit (1,8:1).
Chaque page de box indique les contrastes de sa palette.
|
À faire
|
|
À éviter
|