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
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
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 Red
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.
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.
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.
As seen here, the Bayan Blue text with its font size, the amount of text, and the yellow background feels like an eyesore to read through.
Bayan Yellow competes with visual real estate, when, in this situation, it is the paragraphs that need to stand out the most.