Visual Elements

icon picker
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
BIG - Colors-01.png
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
BIG - Colors-03.png
Pantone
Pantone 286 C
Hex Code
#0033A1
RGB
R 0 G 51 B 161
CMYK
C 100 M 84 Y 12 K 3
BIG - Colors-04.png
Pantone
Pantone 186 C
Hex Code
#CE0E2D
RGB
R 206 G 14 B 45
CMYK
C 12 M 100 Y 91 K 3
BIG - Colors-02.png
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
BIG - Colors-05.png
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
BIG - Colors-06.png
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
BIG - Colors-07.png
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.
BIG - Color Contrast-17.png

As much as possible, do not use the following color combinations of background and text:
BIG - Coda Builder - 220408-25.png
BIG - Coda Builder - 220408-26.png
BIG - Coda Builder - 220408-24.png
BIG - Coda Builder - 220408-23.png

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.
BIG - Color Context-04.png
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

BIG - business Card Images-01.png
BIG - business Card Images-02.png
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
BIG - Color Context-05.png
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.
BIG - Long Text Sammple -30.png

BIG - Long Text Sammple - heavy -35.png
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.


Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.