Color Palette

Much of who we are and what we cultivate at Dartmouth comes from the natural environment around us. Therefore our color palette is inspired by where we study, work, and play.

Before starting your project or hiring a design firm, please contact the Office of Communications. We will work with you to understand your needs, answer your questions, and help you work within our brand guidelines.

1. Print Color Palette

Primary Color

pine-green.jpg

pine green color block #00693e

Dartmouth Green
PMS 349
CMYK: 95, 0, 100, 50
RGB: 0, 105, 62

Secondary Colors

Forest Green, Snow White and Midnight Black are our secondary colors, and their use is always paired with Dartmouth Green.

forest-green.jpg

forest green color block

Forest Green
PMS 627
CMYK: 93, 33, 75, 75
RGB: 18, 49, 43

snow-white_0.jpg

Snow white

Snow White
CMYK: 0, 0, 0, 0
RGB: 255, 255, 255

midnight-black_0.jpg

midnight black

Midnight Black
CMYK: 50, 50, 50, 100
RBG: 0, 0, 0

Tertiary Colors

When color beyond the primary and secondary palettes is needed for distinction, the tertiary colors can be used, but cannot overpower the use of Dartmouth Pine Green.

river-blue.jpg

river blue block

River Blue
PMS 291
CMYK: 33, 3, 0, 0
RGB: 155, 200, 235

river-navy.jpg

river navy block

River Navy
PMS 541
CMYK: 100, 57, 0, 38
RGB: 0, 60, 115

spring-green.jpg

spring green block

Spring Green
PMS 367
CMYK: 32, 0, 59, 0
RBG: 165, 215, 95

summer-yellow.jpg

summer yellow block

Summer Yellow
PMS 127
CMYK: 0, 16, 65, 0
RGB: 245, 220, 105

bonfire-orange.jpg

bonfire orange block

Bonfire Orange
PMS 1375
CMYK: 0, 40, 90, 0
RGB: 255, 160, 15

bonfire-red.jpg

bonfire red block

Bonfire Red
PMS 7427
CMYK: 0, 100, 65, 28
RGB: 157, 22, 46

tuck-orange.jpg

Tuck orange block

Tuck Orange
PMS 179
CMYK: 0, 79, 100, 0
RGB: 230, 60, 47

autumn-brown.jpg

autumn brown block

Autumn Brown
PMS 161
CMYK: 0, 52, 100, 64
RGB: 100, 60, 32

winter-gray.jpg

winter gray block

Winter Gray
PMS 665
CMYK: 11, 20, 0, 10
RGB: 200, 188, 208

granite-gray.jpg

granite gray block

Granite Gray
PMS 438
CMYK: 58, 63, 59, 40
RGB: 88, 69, 69

2. Digital Color Palette

Following web accessibility guidelines ensures that everyone, regardless of disability, will be able to use our websites. We have developed a web palette that meets WCAG (Web Content Accessibility Guidelines) standards and maintains consistency with the Dartmouth brand. When creating content for Dartmouth's websites, please adhere to the color palette and recommended text and background color combination examples below.

Primary Color

Dartmouth Green
RGB: 0, 105, 62
#00693e

pine-green.jpg

pine green color block #00693e

Secondary Colors

In the secondary web palette we have added shades of gray, a useful addition for creating web content.

forest-green.jpg

forest green color block

Forest Green
RGB: 18, 49, 43
#12312b

rich-forest-green.jpg

Rich Forest Green Color Swatch

Rich Forest Green
RGB: 13, 20, 28
#0D1E1C

snow-white_0.jpg

Snow white

Snow White
RGB: 255, 255, 255
#ffffff

midnight-black_0.jpg

midnight black

Midnight Black
RGB: 0, 0, 0
#000000

web_gray_1.jpg

Web grey 1

Web Gray 1
RGB: 247, 247, 247
#f7f7f7

web_gray_2_0.jpg

Web grey 2

Web Gray 2
RGB: 226, 226, 226
#e2e2e2

web-grey-3.jpg

Web Grey 3 Color Swatch

Web Gray 3
RGB: 112, 112, 112
#707070

web_granite_gray.jpg

Web granite grey

Granite Gray
RGB: 66, 65, 65
#424141

Tertiary Colors

The tertiary colors should be used sparingly, for buttons and links only.

autumn-brown.jpg

autumn brown block

Autumn Brown
RGB: 100, 60, 32
#643c20

bonfire-red.jpg

bonfire red block

Bonfire Red
RGB: 157, 22, 46
#9d162e

web_tuck_orange.jpg

web tuck orange

Tuck Orange
RGB: 227, 45, 28
#e32d1c

summer-yellow.jpg

summer yellow block

Summer Yellow
RGB: 245, 220, 105
#f5dc69

web_spring_green.jpg

web spring green

Spring Green
RGB: 196, 221, 136
#c4dd88

web_rich_spring_green.jpg

Rich spring green color

Rich Spring Green
RBG: 165, 215, 95
#a5d75f

river-navy.jpg

river navy block

River Navy
RGB: 0, 60, 115
#003c73

web_river_blue.jpg

web river blue

River Blue
RGB: 38, 122, 186
#267aba

web_violet.jpg

web violet

Web Violet
RGB: 138, 105, 150
#8a6996

bonfire-orange.jpg

bonfire orange block

Bonfire Orange
RGB: 255, 160, 15
#ffa00f

Recommend Usage

Primary Page Elements

We recommend these text and background color combinations for the main pages and primary elements of the site.

primary_page_elements.jpg

Recommend Usage

Secondary Page Elements

We recommend these text and background color combinations for secondary webpage elements.

secondary_page_elements.jpg

Secondary Page Elements

Buttons/Links

We recommend these text and background color combinations for buttons, links, and call outs on web pages.

buttons_links.jpg

Buttons and links

3. Dos and Don'ts

The Dartmouth palette should not be altered in any case. See below for specific examples of dos and don'ts.

do_donot_tertiary.jpg

Dos and Don'ts The Dartmouth palette

Don't use secondary or tertiary colors without the presence of Dartmouth Green

do_donot_tertiary_green.jpg

Dos and Don'ts The Dartmouth palette

Don't use Summer Yellow, Spring Green, or Bonfire Orange on the website with Snow White. These combinations do not meet WCAG standards and are not legible for everyone.

web_usage_do_donts.jpg

Dos and Don'ts The Dartmouth palette

Copyright of the Trustees of Dartmouth College.