Color
Our color palette is inspired by the calm neutrals and the pops of color found in birds and nature.
Main Color Palette
Calm Neutrals
Pops
Warm Black | Sand | Sky Blue | Forest Green | Chartreuse | Ocean Blue | Gold | Red |
Color Usage
In any application, the predominant colors should be black and white plus one or two neutrals combined with one of the pop colors. This creates a straightforward layout that lets the beauty of nature come through first and foremost.
Text & Line Work
Backgrounds and accents
Action
In printed applications when text is smaller than 12 pt or the stroke smaller than 1 pt, use black shade/100% black.
Tints & Shades
Black Tint 2 HEX #EAE9E9 RGB 234 233 233 CMYK 7 5 5 0 PMS Black 4 C (10%) | Black Tint 1 HEX #6D6762 RGB 109 103 98 CMYK 55 51 54 21 PMS Black 4 C (65%) | Warm Black HEX #2E261F RGB 46 38 31 CMYK 63 64 71 71 PMS Black 4 C | Black Shade HEX #000000 RGB 0 0 0 CMYK 0 0 0 100 PMS N/A |
White HEX #FFFFFF RGB 255, 255, 255 CMYK 0 0 0 0 PMS N/A | Sand Tint 1 HEX #FBFAF6 RGB 251 250 246 CMYK 1 1 2 0 PMS Warm Gray 1 (25%) | Sand HEX #F5F3E9 RGB 245 243 233 CMYK 0 1 5 4 PMS Warm Gray 1 (50%) | Sand Shade HEX #DAD5BC RGB 218 213 188 CMYK 14 11 27 0 PMS 7500 (75%) |
Sky Blue Tint 2 HEX #F1F5F4 RGB 241 245 244 CMYK 4 1 2 0 PMS 642 (25%) | Sky Blue Tint 1 HEX #DEE7E6 RGB 222 231 230 CMYK 12 4 8 0 PMS 642 (50%) | Sky Blue HEX #D0DDDB RGB 208 221 219 CMYK 6 0 1 13 PMS 642 | Sky Blue Shade HEX #AAC4C4 RGB 170 196 196 CMYK 34 13 21 0 PMS 7542 |
Forest Green Tint 2 HEX #CFEBBF RGB 207 235 191 CMYK 19 0 31 0 PMS 7485 | Forest Green Tint 1 HEX #8DCA8B RGB 141 202 139 CMYK 47 0 60 0 PMS 359 | Forest Green HEX #296239 RGB 41 98 57 CMYK 58 0 42 62 PMS 554 | Forest Green Shade HEX #284530 RGB 40 69 48 CMYK 78 48 78 50 PMS 553 |
Chartreuse Tint 2 HEX #F0F8C3 RGB 240 248 195 CMYK 7 0 29 0 PMS 381 (25%) | Chartreuse Tint 1 HEX #D9EB6F RGB 217 235 111 CMYK 18 0 70 0 PMS 381 (50%) | Chartreuse HEX #C9E231 RGB 201 226 49 CMYK 11 0 78 11 PMS 381 | Chartreuse Shade HEX #A3BC09 RGB 163 188 9 CMYK 42 10 100 0 PMS 390 |
Ocean Blue Tint 2 HEX #B4CFE1 RGB 180 207 225 CMYK 28 10 6 0 PMS 542 (50%) | Ocean Blue Tint 1 HEX #69A0C2 RGB 105 160 194 CMYK 60 26 13 0 PMS 542 | Ocean Blue HEX #457999 RGB 69 121 153 CMYK 55 21 0 40 PMS 652 | Ocean Blue Shade HEX #385B75 RGB 56 91 117 CMYK 83 59 37 16 PANTONE 7698 C |
Gold Tint 2 HEX #FFF3A5 RGB 255 243 165 CMYK 1 1 43 0 PMS 107 (35%) | Gold Tint 1 HEX #FFDD00 RGB 255 221 0 CMYK 2 9 100 0 PMS 107 | Gold HEX #FFBC10 RGB 255 188 16 CMYK 0 26 94 0 PMS 7408 | Gold Shade HEX #FF9417 RGB 255 148 23 CMYK 0 50 98 0 PANTONE 1495 C |
Red Tint 2 HEX #FFA380 RGB 255 163 128 CMYK 0 44 47 0 PMS 1625 | Red Tint 1 HEX #FF672E RGB 255 103 46 CMYK 0 74 88 0 PMS 1645 | Red HEX #DF1E12 RGB 223 30 18 CMYK 7 99 100 1 PMS 179 | Red Shade HEX #B31B1B RGB 179 27 27 CMYK 0 100 79 20 PMS 187 |
Web Accessibility
When designing for the web, all web content must conform to the accessibility standards set by the university in Policy 5.12: Web Accessibility Standards. Based on Web Content Accessibility Guidelines (WCAG 2.0), the criteria for level AA conformance requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text, greater than 24 pixels or 19 pixels and bold. The chart below provides approved brand color combinations that meet WCAG 2.0 level AA standards.
In order to create designs that have maximum contrast and legibility, please refer to the color combinations listed below. We prefer pairing any of the brand colors, tints or shades with either white or warm black.
Color | Tint 2 | Tint 1 | Primary | Shade | Links | ||||
---|---|---|---|---|---|---|---|---|---|
Sand | AAA | AAA | AAA | AAA | AAA | AAA | AAA | AAA | Ocean Blue Shade |
Sky Blue | AAA | AAA | AAA | AAA | AAA | AAA | AA | AA | Ocean Blue Shade |
Chartreuse | AAA | AAA | AAA | AAA | AAA | AAA | AA | AA | Warm Black |
Gold | AAA | AAA | AAA | AAA | AAA | AAA | AA | AA | Warm Black |
Red | AAA | AAA | AA | AA | AAA | AAA | AAA | AAA | White |
Ocean Blue | AAA | AAA | AAA | AAA | AA | AA | AAA | AAA | White |
Forest Green | AAA | AAA | AA | AA | AAA | AAA | AAA | AAA | White |
Warm Black | AAA | AAA | AAA | AAA | AAA | AAA | AAA | AAA | Ocean Blue Tint 1 |
Extended Color Palette
The extended color palette can be used for building user interfaces on the web.
Forest Green
#FBFEFB | #F3FCF3 | #ECF9EB | #DEF3DD | #CBEBCD | #B9DFBC | #98CF95 | #64B977 | #44A25B | #36824B | #296239 | #1C3022 |
Ocean Blue
#FBFDFE | #F2FAFD | #E9F6FB | #DCF0F9 | #CEE6F3 | #B3D6EA | #9AC1DA | #6AA4C8 | #4A8CB5 | #40718F | #33536B | #162C3D |
Sky Blue (neutrals)
#FCFDFD | #F9FBFB | #F0F5F4 | #EAF1EF | #E5EBEB | #DCE4E3 | #D5DDDC | #BCC8C8 | #879292 | #808989 | #687373 | #131B1B |
Sand (neutrals)
#FDFDFC | #FAF9F7 | #F4F3F1 | #EEEEEC | #EAEAE6 | #E5E3DC | #DDDCD5 | #C8C7C0 | #918F88 | #817F79 | #6F6E67 | #1B1A18 |
Red
#FDFDFC | #FFF8F7 | #FFF1EE | #FFE7E2 | #FDD9D3 | #FAC5BE | #F3ACA5 | #EB8D84 | #E74E40 | #DC382E | #B31B1B | #262222 |
Gold
#FEFEFB | #FFFBE5 | #FFFBE5 | #FFF1AD | #FFE98F | #FFDE70 | #FFD15E | #FFBC10 | #FF9417 | #D18B00 | #A85A00 | #402408 |