Colors play a crucial role in visual brand identity because they evoke emotions, convey messages, and shape perceptions quickly and effectively. By choosing a consistent color palette, a brand can establish a strong visual identity that is instantly recognizable and memorable. 

Primary colors

The BeaconMedaes blue is the cornerstone of our brand identity and serving as the primary color that instantly helps in recognizing and distinguishing the brand. Beyond the logotype, the BeaconMedaes blue is prominently used in the blip line, headlines, backgrounds, and key branding elements that capture attention and convey importance. This will also be implemented for product branding, using the PMS 2196 C color code.  
 
The dark blue color is used for text and backgrounds, providing excellent readability and a strong visual foundation, while the white color plays a versatile role within the palette, often used as a background to ensure clarity and cleanliness. 
 
Together they create a well-balanced, professional and visually appealing palette that effectively reinforces the BeaconMedaes brand identity across various touch points and collaterals.

BeaconMedaes Blue

HEX #007BC3
 
PMS 2196
 
CMYK 100/40/0/5
 
RGB 0/123/195
 

Dark Blue

HEX #00446B
 
PMS 2188
 
CMYK 100/40/0/55
 
RGB 0/68/107


White

#ffffff

Secondary color

The teal color is incorporated to add visual interest and variety, offering a fresh and vibrant complement to the blue tones. It can be used for icons, supporting graphics and social media designs.

Teal

HEX #008181
 
PMS 7717
 
CMYK 100/0/50/20
 
RGB 0/150/150
 

Color Ratio

Color ratio refers to the balance and proportion of primary colors used in a visual identity to achieve optimal brand appearance. The Beaconmedaes blue is the most dominant color and should appear on all digital and print collaterals. The other 50% of the color ratio is split between the dark blue, teal and white in an equal amount. 

The color ratio between the primary colors

Tints and shades

A tint is created by mixing a base color with white, which results in a lighter, softer version of the original hue, while a shade is produced by blending a base color with black, producing a darker variation. When used thoughtfully, tints and shades help establish a clear visual hierarchy, emphasizing important elements while maintaining harmony and visual interest across the page, since they are created from the primary color. The intention is to use only selected tints and shades such as 1, 2, 3 and 5 for light background and 7, 9 and 12 for a dark background.

Overview of tints and shades

Blue Tint 1 
HEX #F2F8FC
 
CMYK 5/2/0/0
 
RGB 242/248/252

Blue Tint 3 
HEX #B5D9EE
 
CMYK 29/12/0/1
 
RGB 181/217/238

Blue Tint 5 
HEX #78B9DF
 
CMYK 53/21/0/2
 
RGB 120/185/223

Blue Tint 7 
HEX #3B99D1
 
CMYK 71/27/1/0
 
RGB 59/153/209

Grayscale

The purpose of including a grayscale palette is to provide a neutral foundation that serves as fall back option when color use is limited or needs to be subdued.

Grey Tint 1 
HEX #F8F9F9
 
CMYK 2/1/1/0
 
RGB 248/249/249

Grey Tint 3 
HEX #D1D4D6
 
CMYK 17/12/11/0
 
RGB 209/212/214

Grey Tint 5 
HEX #A9AFB3
 
CMYK 35/25/24/0
 
RGB 169/175/179

Grey Tint 7 
HEX #818A90
 
CMYK 53/39/37/3
 
RGB 129/138/144

Grey Tint 9 
HEX #59656D
 
CMYK 67/52/46/18
 
RGB 89/101/109

Grey Tint 11 
HEX #444D53
 
CMYK 722/59/52/34
 
RGB 68/77/83

Grey Tint 12 
HEX #394146
 
CMYK 74/62/56/44
 
RGB 57/65/70

Accent colors

Four accent colors have defined as supporting colors: green, red, plum and orange. They can be used to highlight details on the product interfaces or in graphs & charts. They can not dominate or replace the primary colors. 

Green 
HEX #459A6A
 
CMYK 75/15/85/0
 
RGB 72/155/93

Red 
HEX #CD3653
 
CMYK 10/100/50/0
 
RGB 205/54/83

Plum 
HEX #724A80
 
CMYK 65/85/20/0
 
RGB 114/74/128

Orange 
HEX #F26522
 
CMYK 0/70/100/0
 
RGB 242/101/34