Skip to main content
University Communications

BYU–Hawaii Brand

Official Colors

Three colors make up the BYU–Hawaii identity: crimson, white, and gold. These colors represent the institution and should be used generously on high-visibility communication pieces.

Spirit Colors

We implement an additional color system for our spirit logos and merchandise marks, designed to amplify the vibrancy of our school spirit. It is essential to understand that these colors are not intended for academic representation of the university. Just like the Seasider logo, they are reserved exclusively for recreational purposes.

For other colors based on usage-type—marketing and web colors—view each tab below.

Official BYUH Colors
Spirit Colors
Marketing Colors
Web Colors

Official BYUH Colors

Sample of BYUH crimson

Crimson

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Color sample of white

White

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of gold for web only

Gold

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=

ColorPMS*CMYKRGBHex
Crimson2010/100/63/29158/27/52#9e1b34
Gold12550/27/100/34170/128/14#aa800e

The chart includes not only the PMS values for spot color printing, but also corresponding CMYK values (process printing), RGB values (computer monitors and video), and hexadecimal values (web sites).

*Pantone Matching System©

Spirit Colors

Spirit red color sample

Spirit Red

overrideTextColor=#000000 overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Color sample of white

White

overrideTextColor=#000000 overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Spirit gold color sample

Spirit Gold

overrideTextColor=#000000 overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
overrideTextColor=#000000 overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=

Color

PMS*CMYKRGBHex
Spirit Red20012/100/91/4186/12/47#ba0c2f
Whiten/a0/0/0/0250/250/250#ffffff
Spirit Gold124522/42/100/2198/146/20#c69214

The chart includes not only the PMS values for spot color printing, but also corresponding CMYK values (process printing), RGB values (computer monitors and video), and hexadecimal values (web sites).

*Pantone Matching System©

Marketing Colors

Yellow from the secondary color palette.

Yellow

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of forest green, one of the accent colors.

Forest

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
A purple square.

Purple

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
A pink square.

Pink

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of dark gray, one of the accent colors.

Dark Gray

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of light gray, one of the accent colors.

Gray

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage=false overrideTextAlignment= overrideCardHideSection=false overrideCardHideByline=false overrideCardHideDescription=false overrideCardShowButton= overridebuttonBgColor= overrideButtonText=

These recommended marketing colors have been selected to complement our official BYUH colors and are not to be used in place of them. The use of these colors is suggested but not required. Official messaging, representing the university as an entirety, should use the BYU–Hawaii primary colors. However, for on-campus communication, departments are encouraged to use colors that best support their department-related message for announcements or events while following the BYUH logo treatment guidelines.

ColorPMSCMYKRGBHex
Yellow1090/28/100/6222/176/46#deb02e
Forest349100/0/91/4230/111/65#1e6f41
Purple208351/70/0/0150/94/199#965ec7
Pink2377/53/0/0236/134/208#ec86d0
Dark Gray43367/60/59/4458/58/58#3a3a3a
Gray4285/0/0/20206/211/214#ced3d6

The chart includes not only the PMS values for spot color printing, but also corresponding CMYK values (process printing), RGB values (computer monitors and video), and hexadecimal values (web sites).

*Pantone Matching System©

Web Text Colors

Color sample of dark gray

Dark Gray

overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of BYUH crimson

Crimson

overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Sample of gold for web only

Web Gold

overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Color sample of white

White

overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
overrideTextColor= overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=

The colors in the website color palette have been selected to complement the primary identity colors and to satisfy Americans with Disabilities Act requirements for websites. Text colors have been chosen based on their contrast against a white background web page and should be used in their designated roles to create organization and readability on web pages.

Color Hex
Dark Gray #444444
Crimson #9e1b34
Web Gold #946f0a
White #ffffff

Web Gray Colors

Color sample of dark gray

Dark Gray

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Color sample of the web's medium gray

Medium Gray

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
The color sample of the BYUH gray

Gray

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
Color sample of the web's light gray

Light Gray

overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=
overrideTextColor=#2a2a2a overrideCardAlternateTextColor= overrideDisableBackgroundImage= overrideTextAlignment= overrideCardHideSection= overrideCardHideByline= overrideCardHideDescription= overrideCardShowButton= overridebuttonBgColor= overrideButtonText=

Additional gray colors in the web gray colors list are used in decorative or organizational elements such as lines or background bars.

ColorHex
Dark Gray#444444
Medium Gray#afafaf
Gray#ced3d6
Light Gray#f1f3f3

Brand Guidelines

Training
University Name
Logos and Marks
Colors
Typography
Editorial Style Guide

Other Resources

Email Signature and Stationery System
Apparel, Promo Items, Videos, and More