Colors

Using our color palette

We design sites using two primary background colors—crimson and light gray—and one secondary background color, chosen from the palette below.

Because crimson is Indiana University's main brand color, it should always be used in greater frequency than any secondary color.

Note: These colors are hex values only, adjusted specifically for use in the digital space.

Primary colors

On the web, we substitute gray for the cream in our primary colors (cream and crimson). This is because cream doesn’t reproduce well in online environments.

Crimson

HEX: #990000

Cream

HEX: #EDEBEB

Secondary colors

The secondary color palette is designed to provide creative flexibility. These colors are complementary to the primary colors and were chosen so that they do not compete with crimson.

Each of the three secondary brand colors have corresponding tints and shades to provide a range of color options.

Dark Midnight

HEX: #01426A

Midnight

HEX: #006298

Dark Majestic

HEX: #512A44

Majestic

HEX: #66435A

Black

HEX: #191919

Base Black

HEX: #243142

Mahogany was changed to Base Black in the June 2022 IU Web Framework Rivet Visual Alignment update.

Mint, Limestone, and Gold have been removed from the web secondary color palette due to accessibility concerns and should not be used on IU websites. Please use Midnight, Majestic, or Base Black instead.

Alert styles

Default

Background HEX: #EEE
Border HEX: #A7A9AB

Success

Background HEX: #DDF4EA
Border HEX: #009933

Info

Background HEX: #E9F6FC
Border HEX: #49AFC7

Message

Background HEX: #FDF7E7
Border HEX: #F5BB17

Outage/Error

Background HEX: #FDEEE8
Border HEX: #F25B19

Notice styles

All Clear

HEX: #009933

Minor

HEX: #49AFC7

Moderate

HEX: #F5BB17

Severe

HEX: #F25B19

Extreme

HEX: #BD0000