2026 Design system

Brand summary

A high-level overview of the branding across technologies, services and AI.
Workforce orchestration c@4xd

Beeline Enterprise

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Beeline Professional

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Joinedup by Beeline

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

MBO Partners by Beeline

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Beeline Supplier network

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Technologies


The Corporate brand is used when representing our technologies (products).

beeline-text_5FA300

Green - 20*
#448500

Beeline Green
#5fa300

Mint Green
#7df98c

Pastel Mint
#a8fbb2

Light Mint
#dcfde0

X Light Mint
#eefff0

Gradient: Beeline Green #5fa300 to Mint Green #7df98c

Navy blue 10
#000b29

Navy*
#001858

Bright Blue 40
#034AD6

Bright Blue
#0357fc

Gradient: Navy blue 10 #000b29 to Navy #001858

Bright Blue 70
#60A5FA

Bright Blue 90
#BFDBFE

Bright Blue 97
#E5F0FF

Neutral 98
#F2F5F7

Success story graphic-1
Screenshot 2026-10-21 at 10.58.21

Secondary colors

#2E3A45

#63778A

#97A8B8

#B4C1CF

#D0DBE5

#E9EEF2

Direct sourcing page image 2

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

user-gear-duotone (1)
number-circle-one-duotone (1)
user-plus-duotone
hand-coins-duotone (1)
eye-duotone (1)
clock-countdown-duotone (1)

Services


Beeline Professional

Bright Blue*
#0357fc

BP Blue
#00adee

BP Icon Blue
#BEEEF9

Gradient: BP Blue #00adee to Bright Blue #0357fc

Success story graphic-2-1
Icon examples BP
BP Images with hexagons-2
beeline-professional-logo-1

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Supplier Network

SN Purple
#6325f4

SN Purple 2
#ae00ff

SN Icon Purple
#e2c4ff

Light Purple
#f5edff

Gradient: SN Purple #6325f4 to SN Purple 2 #be6cff

Success story graphic-5-1
Icon examples SN
SN Hexagon images
Beeline Supplier Network_White(1)

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

MBO_partners_2025

Green - 20*
#448500

Beeline Green
#5fa300

Mint Green
#7df98c

Pastel Mint
#a8fbb2

Light Mint
#dcfde0

X Light Mint
#eefff0

Navy blue 10
#000b29

Navy*
#001858

Bright Blue 40
#034AD6

Bright Blue*
#0357fc

Gradient: Navy blue 10 #000b29 to Navy #001858

Bright Blue 70
#60A5FA

Bright Blue 90
#BFDBFE

Bright Blue 97
#E5F0FF

Neutral 98
#F2F5F7

MBO Pink
#e20072

MBO Pink 2
#ff6dfa

MBO Icon Pink
#ffbeff

Light Pink
#ffeefd

Gradient: MBO Pink #e20072 to MBO Pink 2 #ff6dfa

Success story graphic-4-1
Screenshot 2026-10-21 at 10.58.21

Neutrals

#2E3A45

#63778A

#97A8B8

#B4C1CF

#D0DBE5

#E9EEF2

MBO hexagon image
MBO_partners_2025_White

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

user-gear-duotone (1)
number-circle-one-duotone (1)
user-plus-duotone
hand-coins-duotone (1)
eye-duotone (1)
clock-countdown-duotone (1)

AI


When creating a post, graphic or page specifically referring to AI, use these colors. These colors and icon are what we use when AI appears in our products.

Purple - 10 #5127A5
Use: header text + solid icon

Purple - 30 #6B39D0
Use: button fill

Purple - 50 #906ADC


Purple - 70 #B59CE8
Use: card borders

Purple - 80 #DBCDF4


Purple - 99 #FAF8FF


Gradient(45º)
Start: #5127A5   Middle: #6B39D0   End: #F579F8

AI sparkles

This is our AI icon. You can download it here.

JoinedUp

JU Orange
#ef6103

JU Orange 2
#fdd40d

JU Icon Orange
#ffde9b

Light Orange
#fff5e9

Gradient: JU Orange 2 #fdd40d to JU Orange #ef6103

Success story graphic (1)
Icon examples JU
JU Hexagon images
joinedup_Icon_white

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Commonalities


Coming soon