Style Guide
Beta - (Updated June 2022)

Copied!
Click the to Copy HEX
Click for Color Combos

Sunstruck

HEX Code: 

RGB:

CYMK:

Pantone:

#F0CF4A

240 207 74

0 14 69 6

13-0754 TCX

1/3

Copied!
Click to Copy HEX
Click for Color Combos

St. Patrick's Blue

HEX Code: 

RGB:

CYMK:

Pantone:

#183778

24 55 120

80 54 0 53 

P 108-8C

1/3

Copied!
Click to Copy HEX
Click for Color Combos

Raisin Black

HEX Code: 

RGB:

CYMK:

Pantone:

#212126

33 33 37

11 11 0 86

19-3911 TCX

1/3

Forbidden
Copied!
Click to Copy HEX
Click for Color Combos

Azure

HEX Code: 

RGB:

CYMK:

Pantone:

#008AFC

0 138 252

100 45 0 1

17-4336 TCX

1/3

Copied!
Click to Copy HEX
Click for Color Combos

Spun Sugar

HEX Code: 

RGB:

CYMK:

Pantone:

#AFD9EA
175 217 234

25 7 0 8

12-4401 TCX

1/3

Copied!
Click to Copy HEX
Click for Color Combos

Cream of Egg

HEX Code: 

RGB:

CYMK:

Pantone:

#F7F7F7

247 247 247

0 0 0 3

11-0602 TCX

1/3

Forbidden
 

Sunstruck

Sunstruck is perfect for communicating feelings of happiness or confidence.

 

It can work as a background color with dark text, or as an accent with a dark background.

 

Avoid use with blue tones.

Maastricht Blue

This dark, cool shade of blue is exactly what you need if you're going for a minimalist feel. 

It boasts a high contrast ratio

when paired with White/Cream of Egg. Add strong typography and you have an absolute knockout of a design.

Raisin Black

You can use this dark tone for text that's not quite black, or as a background color.

 

Avoid using this color with any of the blue tones.

Azure

Azure is best used as a heavy color in combination with white backgrounds. 

It's also a great choice for Call to Action devices such as buttons, or menus. Try to use it in small bursts as it's intense on the eyes.

Avoid use a background color.

Spun Sugar

This a rare pairing. It should only be used with a split background design as shown above. 

One possible use case is as a solid background with full white typography, or as a green screen background.

Cream of Egg

This is primarily meant for breaking up large sections of white backgrounds. The intended application is webpage sections.

However, feel free to use it if you're looking for an off-white color.

Open Sans Regular
Body Text
aåbcçd∂eéfƒghiîjklmµnñoøpqœrstuüvwxyz
AÅÂBCÇDEFGHIÍJKLMNOØÓÔÒPQRSTUVWXYZ
0123456789º(.,’”-;:)!?&©˙˚π®†≈◊™£¢∞§•ªº

 

Open Sans Italic
Accents
aåbcçd∂eéfƒghiîjklmµnñoøpqœrstuüvwxyz
AÅÂBCÇDEFGHIÍJKLMNOØÓÔÒPQRSTUVWXYZ
0123456789º(.,’”-;:)!?&©˙˚π®†≈◊™£¢∞§•ªº
 

Open Sans Bold
Headings
aåbcçd∂eéfƒghiîjklmµnñoøpqœrstuüvwxyz AÅÂBCÇDEFGHIÍJKLMNOØÓÔÒPQRSTUVWXYZ
0123456789º(.,’”-;:)!?&©˙˚π®†≈◊™£¢∞§•ªº

 

Open Sans Light
Sub-Headings
aåbcçd∂eéfƒghiîjklmµnñoøpqœrstuüvwxyz
AÅÂBCÇDEFGHIÍJKLMNOØÓÔÒPQRSTUVWXYZ
0123456789º(.,’”-;:)!?&©˙˚π®†≈◊™£¢∞§•ªº

 

It's Better to
Skip a Weight

It's Better to
Skip a Weight

Need help?
contact adin@allendevaux.com