Colour

The core palette is built on three master colours — violet, orange and yellow. From these bases the tones open out into softer variations, supported by green, cyan, white, black and a light grey.

Digital communication uses RGB exclusively. Print uses CMYK.

Core palette

Violet

Violet 500

#544fc5

rgb(84, 79, 197)

Contrast on white 6.36:1

Violet 400

#7272dd

rgb(114, 114, 221)

Contrast on white 4.06:1 — Large text and fills only

Violet 300

#cccaee

rgb(204, 202, 238)

Contrast on white 1.58:1 — Large text and fills only

Violet 200

#dddcf3

rgb(221, 220, 243)

Contrast on white 1.35:1 — Large text and fills only

Violet 100

#eeedf9

rgb(238, 237, 249)

Contrast on white 1.16:1 — Large text and fills only

Orange

Orange 500

#fc663d

rgb(252, 102, 61)

Contrast on white 2.95:1 — Large text and fills only

Orange 400

#fc9469

rgb(252, 148, 105)

Contrast on white 2.19:1 — Large text and fills only

Orange 300

#fed1c5

rgb(254, 209, 197)

Contrast on white 1.39:1 — Large text and fills only

Orange 200

#fee0d8

rgb(254, 224, 216)

Contrast on white 1.24:1 — Large text and fills only

Orange 100

#fff0ec

rgb(255, 240, 236)

Contrast on white 1.11:1 — Large text and fills only

Jaune

Jaune 500

#ffb406

rgb(255, 180, 6)

Contrast on white 1.78:1 — Large text and fills only

Jaune 400

#ffd46b

rgb(255, 212, 107)

Contrast on white 1.41:1 — Large text and fills only

Jaune 300

#ffe9b4

rgb(255, 233, 180)

Contrast on white 1.20:1 — Large text and fills only

Jaune 200

#fff0cd

rgb(255, 240, 205)

Contrast on white 1.13:1 — Large text and fills only

Jaune 100

#fff8e6

rgb(255, 248, 230)

Contrast on white 1.06:1 — Large text and fills only

Vert

Vert 500

#70ba27

rgb(112, 186, 39)

Contrast on white 2.40:1 — Large text and fills only

Vert 400

#9bc669

rgb(155, 198, 105)

Contrast on white 1.97:1 — Large text and fills only

Vert 300

#b3d58e

rgb(179, 213, 142)

Contrast on white 1.64:1 — Large text and fills only

Vert 200

#cde2b4

rgb(205, 226, 180)

Contrast on white 1.39:1 — Large text and fills only

Vert 100

#e6f1da

rgb(230, 241, 218)

Contrast on white 1.17:1 — Large text and fills only

Cyan

Cyan 500

#2183fc

rgb(33, 131, 252)

Contrast on white 3.67:1 — Large text and fills only

Cyan 400

#679af6

rgb(103, 154, 246)

Contrast on white 2.79:1 — Large text and fills only

Cyan 300

#8db4f8

rgb(141, 180, 248)

Contrast on white 2.10:1 — Large text and fills only

Cyan 200

#b3ccfb

rgb(179, 204, 251)

Contrast on white 1.62:1 — Large text and fills only

Cyan 100

#d9e6fc

rgb(217, 230, 252)

Contrast on white 1.26:1 — Large text and fills only

Neutrals

Noir

#000000

rgb(0, 0, 0)

Contrast on white 21.00:1

Gris 300

#cccccc

rgb(204, 204, 204)

Contrast on white 1.61:1 — Large text and fills only

Gris 100

#f0f0f0

rgb(240, 240, 240)

Contrast on white 1.14:1 — Large text and fills only

Blanc

#ffffff

rgb(255, 255, 255)

Contrast on white 1.00:1 — Large text and fills only

Direct accents

Reserved for the Direct business, to draw a clear visual line with Indirect. Accent use only, never dominant. Recommended for icons, badges, key figures, illustrations, navigation elements and other visual signposting. Deliberate, targeted use that reinforces recognition of the Direct perimeter without creating an identity separate from Be-Cloud.

Framboise

#d8283f

rgb(216, 40, 63)

Contrast on white 4.89:1

Turquoise

#00b3a4

rgb(0, 179, 164)

Contrast on white 2.63:1 — Large text and fills only

Gradients — momentum, without overdoing it

Gradients are an accent device. They highlight an element, create a focal point or add rhythm, without ever taking over from the content.

Key principles

Intentional and considered use
They accentuate rather than decorate by default
Content always stays the main element

Avoid

Gradients everywhere in one piece
Replacing flat colour by default
Stacking several gradients in one composition
Backgrounds that hurt legibility

Best practice

A few strong uses beat constant presence
Keep contrast sufficient
Stay visually consistent across the piece
Pick the gradient that fits the message and stick with it

Solid colours build the identity. Gradients bring the energy. Every gradient needs a precise job — attract attention, create movement, reinforce a message. With no clear objective, use solid colour.