Internal Styles & Resources

Styleguide: Colors

last edited October 29, 2025

Colors

* = indicates color that matches the name & hex code in preliminary upcoming brand styles

RED COLOR = Limiting or eliminating usage, only found one implementation, inconsistent with upcoming brand styles

#A7521F

Dark Mud Orange

Accent Hover
Link Hover

#D16727

NOLS Mud Orange*

Primary Accent Color

#FAA61A

Sun*

Profile Page Heading

#FDE4BA

Sun Light

Quote Highlights (see here and here)

#333D33

Forest*

Testimonials Background

#2E3335

Light Black

Footer Nav Background on Live site

#3AACB3

Ocean*

NEW Brand Color

#2B2B2B

NOLS Black

Headings / Text

#2E3537

Rock Gray Shade*

Hero Background

#434A4D

Rock Gray*

Footer Background
Button Text: Hover

#616161

Dark Gray

Subheadings
Buttons: Gray Background

#8a8a8a

Similar to Slate* (#828282)

Citation Color on Forest BG Quote Blocks

#8E9294

Medium Gray

Footer Social Icons

#CCCAC5

Light Sand Shade*

Separators
Select Design Elements

#D9D4C5

Wet Sand

Subnavigation Background

#EDE6CC

Dark Sand

Button Background: Focus

#F2EDDB

Sand*

Top Nav Bar Background

#F7F4E9

Lighter Sand

Main Nav Bar Background

#FDFCF9

Lightest Sand

"White" Text
Site Background
Button Text

#FFFFFF

Pure White

White Accents

#F5F5DC

Beige

Coursefinder Staff Picks

New NOLS Brand Style Colors 2024. These and other styles will be implemented after the launch of the new website.