Brand Reference Guide
Visual System
Our brand tells the story of how Empyrean delivers a technological solution with a human touch. The circle provides a foundational element for our visual vocabulary.

A circle represents union, commitment, love or community.
It has no beginning or end and can literally allude to a ring, a closed path, a molecule, a planet, or in the abstract – life and the life cycle. Curvilinear shapes tend to be viewed as soft or feminine in contrast to rectilinear shapes that are rigid or masculine. Empyrean’s circle represents the fusion of tech & service to fulfill our clients needs — the complete software solution for benefits; and a community of teamwork around it.
Corporate Logo
Our logo is an essential part of our visual identity – a universal signature across our communications. It’s made of 2 parts:

1 ) the “Helping Hand” symbol that simultaneously references three concepts:
-
a hand
-
file stack
-
the key letter "E"
2 ) the modern logotype for the word “EMPYREAN” — which means a guiding light and ideal place.
(the typeface used in the logotype is Neutraface; keep it reserved for the Empyrean name)


Service
Assistance
Help

Administration
Documentation
Resources

Empower
Employee
Employer
Provide Clear Space
Allow the mark to live within the space on any given piece of communication. The free (negative) space allows the logo to be clear of clutter and legible at different scales.
It is a good rule of thumb, to provide a minimum margin of clear space the size of the capital letter ‘M’ around the logo as indicated. Prevent graphics or text from encroaching into that margin.

The minimum amount of space around the logo hand symbol should be approximately 30% of the size of the circle.

The minimum amount of space around the logo hand symbol should be approximately 30% of the size of the circle.
Logo Variations


Fill Color – Process or PMS, Black, or White

The hand outline logo can be used as an all-white graphic over a background image or color that provides strong contrast

In some cases, the logo may need to be stacked due to limited horizontal space or for a desired effect. Use discretion when applying this format.
Background Fills
The white version of the helping hand logo symbol takes on the background color of the field it rests on. In short, it's ok for an image to fill the inside space of the hand logo. Assure the appropriate contrast and avoid odd shape overlaps that would fill the logo.



Do Not Reverse
Do not make the logo hand symbol into a negative of the original. Always fill the circular element with the darker color.

Logo Best Practices

Do Not Modify
Do not resize or change the position of the logo mark.


Do Not Distort
Do not stretch the logo vertically or horizontally. Resizing it must be proportional.


Do Not Change Colors
Do not stretch the logo vertically or horizontally. Resizing it must be proportional.


Helping Hand
The “Helping Hand” symbol is versatile. It can stand alone as a button, seal, or graphic stamp in a field.
It can even be cropped and rotated provided the intended effect is displaying it as a large, hero-element.

Fonts
On print and web communications we use Montserrat for headlines and Fira Sans for body copy. When using a very large headline you can use Montserrat ExtraBold.
Both typefaces should be available on Empyrean issued laptops.

MONTSERRAT EXTRABOLD

MONTSERRAT EXTRABOLD
Font Guidance
When to use:
Headlines and titles — no smaller than 18pt.

When to use:
Titles, subtitles, and copy headlines — no larger than 20pt.

When to use:
Apply to web apps to ensure optimal UX/UI results.
For licensing and consistency we use Montserrat as the lead web font for our on-line solutions, COMPASS, MAP, MERIDIAN, and more...
The font is available here: https://fonts.google.com/specimen/Montserrat

Additional Graphic Elements
Simply stated, Empyrean offers technology and service to the benefits industry. We communicate those concepts in shorthand with the acronyms shown, or visually with the icons. They help to set the stage for dialogue about Empyrean.





Connect Graphics
Along with BenefitsGo, Empyrean offers the product Connect. Connect is a team app matching the client's brand, increasing employee attraction, engagement, and retention.




Colors
Our core brand palette is built on Ascend Blue and Cloud White supported by a kaleidoscope of colors, and neutral grays. Together, these colors create a clean, confident foundation that balances innovation with clarity. Ascend Blue serves as our primary brand color, conveying trust, momentum, and optimism, while Gray provides sophistication, stability, and contrast.
Across digital experiences, Ascend Blue can expand into expressive gradients that transition toward Zenith Indigo, adding depth, dimension, and a sense of forward movement. Lighter blue tones are used as highlights and accents, bringing focus to key information and creating visual hierarchy within blue color fields.
White provides balance and breathing room throughout the system, ensuring content remains approachable, legible, and easy to navigate. Together, the palette creates a modern, cohesive visual language that is distinctly Empyrean.
Ascend Blue or Stratus Gray is recommended for text on a white background; or white against the gray or blue background. Use the lighter colors as accents on call-outs that emphasize a proof point, distinct messaging or a call to action.

Ascend Blue
#0077B7
RGB 0 119 183
CMYK 93 32 0 0
PMS 7461

Cloud White
#FFFFFF
R 255 G 255 B 255

Stratus Gray
#646C6F
RGB 100 108 111
CMYK 62 49 47 16
PMS Cool Gray 10 C
Secondary Colors
Our secondary colors consist of those found directly in the kaleidoscope. They are most often used in an instance of the kaleidoscope in a given composition but can be used individually to draw the eye or otherwise provide a contextual tone. Think special illustration, a custom kaleidoscope, chart stats, testimonial quotes, ‘need-to- know’ information, or a call to action.
In informal contexts and light-hearted communications, these colors can move into prominent usage as alternatives.

Skyveil
#2BC0EC
RGB 43 192 236
CMYK 65 2 2 0
PMS 298 C

Zenith Indigo
#072ESE
RGB 07 46 94
CMYK 75 27 18 14
PMS 648 C

Mist Lilac
#464a71
RGB 70 74 113
CMYK 81 75 32 16
PMS 2111 C

Celestial Violet
#764B71
RGB 118 75 113
CMYK 57 78 33 13
PMS 6072 C

Solar Flare
#DF3F28
RGB 223 63 40
CMYK 07 90 98 1
PMS 179 C

Aurora Bloom
#EF516D
RGB 239 81 109
CMYK 0 84 42 0
PMS 184 C

Dawn Blush
#FFBAC8
RGB 255 186 200
CMYK 0 34 07 0
PMS 182 C

Horizon Ember
#F26735
RGB 242 103 53
CMYK 0 74 88 0
PMS 2026 C

Golden Meridian
#E99E23
RGB 233 158 35
CMYK 07 42 99 0
PMS 2007 C

Sunlit Glow
#F5C43E
RGB 245 196 62
CMYK 4 23 88 0
PMS 136 C

Spring Canopy
#BBC940
RGB 187 201 64
CMYK 31 07 93 0
PMS 6193 C

Verdant Rise
#29943D
RGB 41 148 61
CMYK 82 18 100 4
PMS 7739 C

Evergreen Summit
#294E31
RGB 41 78 49
CMYK 80 44 85 45
PMS 350 C

Cirrus Gray
#BCB4B0
RGB 188 180 176
CMYK 27 25 27 0
PMS Warm Gray 3 C
Kaleidoscope
Our signature kaleidoscope provides a simple visual metaphor to communicate the abstract overlapping parts of an active benefits program.
The shapes, lines, and various colors illustrate how all the parts to a benefits program, whether a human touch point or a technical software piece, work together to deliver a harmonious strategy.

This is the hallmark Kaleidoscope that brings vibrancy and colorful dynamic energy to any design. It can be used in a slim crop rectangle to provide a bookend graphic, or as a dominant visual element (see the following examples). Avoid overlapping it, creating unnecessarily busy visuals or muddied colors. The kaleidoscope easily draws the eye as it often is the most colorful element in a composition.
If ever creating a kaleidoscope, begin with circles. Negative and positive spaces should have rhythm and balance. Allow 'multiply' blending methods to create complex color themes without adding to the palette. Keep in mind the golden ratio to achieve the focal points.

Photography
When choosing photography, look for people creating, building, doing, or connecting. The hand images should not be disembodied, but connected – real.
Example themes: crafting, working, genuine gestures (i.e. a hand shake / fistbump), caring.




Avoid stock art imagery that looks staged; overwrought with graphics; faux-virtual; or obviously photo-shopped together.




Design Examples









Empyrean Brand Kit
Download guided logo variations, fonts, and graphics.
