Bayan Innovation Group Standards Manual

Explore

Visual Elements

Color Palette
Color Palette

⁠

BIG’s brand colors are based on the colors of Bayan Academy, adding a Cream to the Main Palette, and Black, Violet, and Blue Green as secondary colors.

Primary Colors

Primary Colors

Cream

Pantone

Pantone P 3-9 C

Hex Code

#F1EEDB

RGB

R 241 G 238 B 219

CMYK

C 5 M 3 Y 14 K 0

Bayan Blue

Pantone

Pantone 286 C

Hex Code

#0033A1

RGB

R 0 G 51 B 161

CMYK

C 100 M 84 Y 12 K 3

Bayan Red

Pantone

Pantone 186 C

Hex Code

#CE0E2D

RGB

R 206 G 14 B 45

CMYK

C 12 M 100 Y 91 K 3

Bayan Yellow

Pantone

Pantone 116 C

Hex Code

#FFCD00

RGB

R 255 G 205 B 0

CMYK

C 0 M 18 Y 100 K 0

⁠

Secondary Colors

Secondary Colors

Blue Green

Pantone

Pantone P 127-16 C

Hex Code

#009889

RGB

R 0 G 152 B 137

CMYK

C 82 M 18 Y 153 K 2

Violet

Pantone

Pantone P 83-8 C

Hex Code

#AB218E

RGB

R 171 G 33 B 142

CMYK

C 36 M 99 Y 1 K 0

Black

Pantone

Black

Hex Code

#000000

RGB

R 0 G 0 B 0

CMYK

C 75 M 68 Y 67 K 90

⁠

Tints of the three Bayan colors provide lighter options that are easier on the eyes and carry lengthy content & small details better than the louder colors of the palette.

Light Tints

Light Blue

Light Blue

⁠

Light Red

Light Red

⁠

Light Yellow

Light Yellow

⁠

Color Combinations

Ensure that there is always enough contrast among the colors.

⁠

⁠

As much as possible, do not use the following color combinations of background and text:

⁠

⁠

⁠

⁠

⁠

Selection Guide

For colors, apart from visual contrast, it’s important to consider the context of their use. The following are not strict rules, but are recommendations that are always dependent on the intent of an application & what visual elements it needs to communicate its contents best.

⁠

⁠

The stronger colors of the palette, namely Bayan Blue, Bayan Red, Bayan Yellow, Blue Green, Violet, and Black, do better at drawing attention and making visuals feel heavier. Use them as the background colors for special & important slides, such as the title slides, summary slides, or even the opening slides of social media posts.

⁠

[[Copy of BIG - Presentation Samples]].jpg

⁠

⁠

⁠

These colors also perform well as accents above plain or light colored backgrounds. Icons stand out more and emphasis to important sections becomes much clearer.

⁠

[[Copy of BIG - Presentation Samples]](2).jpg

⁠

⁠

The lighter colors of the palette are Cream, White, and all the Light Tints. As light colors, visually they are much softer and easier on the eyes. Because of this, they can carry longer bodies of text better than the stronger colors can.

⁠