Couleurs

La palette principale s'articule autour de trois couleurs maîtresses — violet, orange et jaune. À partir de ces bases, les teintes s'épanouissent en déclinaisons plus douces. Elles sont accompagnées de vert, cyan, blanc, noir et d'un gris clair.

La communication digitale utilise exclusivement les couleurs RVB. La communication imprimée est en CMJN.

Palette principale

Violet

Violet 500

#544fc5

rgb(84, 79, 197)

Contraste sur blanc 6.36:1

Violet 400

#7272dd

rgb(114, 114, 221)

Contraste sur blanc 4.06:1 — Grands textes et aplats uniquement

Violet 300

#cccaee

rgb(204, 202, 238)

Contraste sur blanc 1.58:1 — Grands textes et aplats uniquement

Violet 200

#dddcf3

rgb(221, 220, 243)

Contraste sur blanc 1.35:1 — Grands textes et aplats uniquement

Violet 100

#eeedf9

rgb(238, 237, 249)

Contraste sur blanc 1.16:1 — Grands textes et aplats uniquement

Orange

Orange 500

#fc663d

rgb(252, 102, 61)

Contraste sur blanc 2.95:1 — Grands textes et aplats uniquement

Orange 400

#fc9469

rgb(252, 148, 105)

Contraste sur blanc 2.19:1 — Grands textes et aplats uniquement

Orange 300

#fed1c5

rgb(254, 209, 197)

Contraste sur blanc 1.39:1 — Grands textes et aplats uniquement

Orange 200

#fee0d8

rgb(254, 224, 216)

Contraste sur blanc 1.24:1 — Grands textes et aplats uniquement

Orange 100

#fff0ec

rgb(255, 240, 236)

Contraste sur blanc 1.11:1 — Grands textes et aplats uniquement

Jaune

Jaune 500

#ffb406

rgb(255, 180, 6)

Contraste sur blanc 1.78:1 — Grands textes et aplats uniquement

Jaune 400

#ffd46b

rgb(255, 212, 107)

Contraste sur blanc 1.41:1 — Grands textes et aplats uniquement

Jaune 300

#ffe9b4

rgb(255, 233, 180)

Contraste sur blanc 1.20:1 — Grands textes et aplats uniquement

Jaune 200

#fff0cd

rgb(255, 240, 205)

Contraste sur blanc 1.13:1 — Grands textes et aplats uniquement

Jaune 100

#fff8e6

rgb(255, 248, 230)

Contraste sur blanc 1.06:1 — Grands textes et aplats uniquement

Vert

Vert 500

#70ba27

rgb(112, 186, 39)

Contraste sur blanc 2.40:1 — Grands textes et aplats uniquement

Vert 400

#9bc669

rgb(155, 198, 105)

Contraste sur blanc 1.97:1 — Grands textes et aplats uniquement

Vert 300

#b3d58e

rgb(179, 213, 142)

Contraste sur blanc 1.64:1 — Grands textes et aplats uniquement

Vert 200

#cde2b4

rgb(205, 226, 180)

Contraste sur blanc 1.39:1 — Grands textes et aplats uniquement

Vert 100

#e6f1da

rgb(230, 241, 218)

Contraste sur blanc 1.17:1 — Grands textes et aplats uniquement

Cyan

Cyan 500

#2183fc

rgb(33, 131, 252)

Contraste sur blanc 3.67:1 — Grands textes et aplats uniquement

Cyan 400

#679af6

rgb(103, 154, 246)

Contraste sur blanc 2.79:1 — Grands textes et aplats uniquement

Cyan 300

#8db4f8

rgb(141, 180, 248)

Contraste sur blanc 2.10:1 — Grands textes et aplats uniquement

Cyan 200

#b3ccfb

rgb(179, 204, 251)

Contraste sur blanc 1.62:1 — Grands textes et aplats uniquement

Cyan 100

#d9e6fc

rgb(217, 230, 252)

Contraste sur blanc 1.26:1 — Grands textes et aplats uniquement

Neutres

Noir

#000000

rgb(0, 0, 0)

Contraste sur blanc 21.00:1

Gris 300

#cccccc

rgb(204, 204, 204)

Contraste sur blanc 1.61:1 — Grands textes et aplats uniquement

Gris 100

#f0f0f0

rgb(240, 240, 240)

Contraste sur blanc 1.14:1 — Grands textes et aplats uniquement

Blanc

#ffffff

rgb(255, 255, 255)

Contraste sur blanc 1.00:1 — Grands textes et aplats uniquement

Accents Direct

Couleurs réservées à l'activité Direct afin de créer une différenciation visuelle claire avec l'activité Indirect. Utilisation en accent uniquement, jamais comme couleurs dominantes. Applications recommandées : icônes, badges, chiffres clés, illustrations, éléments de navigation et autres éléments de signalétique visuelle. Usage ciblé et intentionnel pour renforcer la reconnaissance du périmètre Direct sans créer une identité distincte de la marque Be-Cloud.

Framboise

#d8283f

rgb(216, 40, 63)

Contraste sur blanc 4.89:1

Turquoise

#00b3a4

rgb(0, 179, 164)

Contraste sur blanc 2.63:1 — Grands textes et aplats uniquement

Dégradés de couleur — Donner de l'élan, sans en faire trop

Les dégradés jouent un rôle d'accentuation. Ils mettent en valeur un élément, créent un point d'attention ou apportent du rythme, sans jamais prendre le dessus sur le contenu.

Principes clés

Utilisation intentionnelle et réfléchie
Servent à accentuer, pas à décorer systématiquement
Le contenu doit toujours rester l'élément principal

À éviter

Utiliser des dégradés partout dans un support
Remplacer les aplats de couleur par défaut
Multiplier les dégradés dans une même composition
Créer des fonds qui nuisent à la lisibilité

Bonnes pratiques

Privilégier quelques usages forts plutôt qu'une présence omniprésente
Maintenir un contraste suffisant
Conserver une cohérence visuelle sur l'ensemble du support
Choisir le dégradé le plus adapté au message et s'y tenir

Les couleurs unies construisent l'identité. Les dégradés apportent l'énergie. Chaque dégradé doit avoir une fonction précise : attirer l'attention, créer du mouvement ou renforcer un message. En l'absence d'objectif clair, privilégier les couleurs unies.