Site-wide
Style Sheet

Use this page to set and reference all the

various colors, sizes and design settings. 

Site-wide Color Palette

Colors are represented in their HEX numbers for easy copy-paste.

Sea Green

#216C74

Deep Sea Green

#005059

Dark Sea

#124659

Light Sea Green

#4A979F

Sea Foam

#A5CCCF

Pale Seafoam

#D4E6E2

Royal Blue

#23438C

Navy Blue

#00305C

Gray Tint

#F7F7F7

Cool Gray

#91A3A6

Deep Blue Gray

#3E5B60

Dark Blue Gray

#213945

Pale Sand

#EDEBDE

Light Sand

#E4D195

Deep Sand

#B58A26

Bold Dirt

#5B3E01

Midnight

#2D2854

After Dusk

#514571

Beach Lavendar

#A4A4C8

Better Beaches Orange

#F47920

Fire

#D75114

Bright Orange

#FF9900

Sunbeam

#FFBE38

Pale Orange

#F9CB97

Muted Sky

#8BBFE4

Sea Blue

#0073B3

Light Blue

#E8F0F8

Pale Blue

#CADFF1

The website has custom fonts installed.

The installed font name is Greycliff CF.

The font weights are all shown here.

h1 Header

h2 Header

h3 Header

h4 Header

p1 Paragraph text

p2 Paragraph text

p3 Paragraph text

Section Color Theme:

Bright 1

Best used for most general pages.


h1 Header

h2 Header

h3 Header

h4 Header

p1 Paragraph text

p2 Paragraph text

p3 Paragraph text

Primary Button
Secondary Button
Tertiary Button

Section Color Theme:

Bright 2

A color alternative for sections that you want to feel a little more colorful and fun than the standard.


h1 Header

h2 Header

h3 Header

h4 Header

p1 Paragraph text

p2 Paragraph text

p3 Paragraph text

Primary Button
Secondary Button
Tertiary Button

Section Color Theme:

Dark 2

Reverse coloring for just about any page.


h1 Header

h2 Header

h3 Header

h4 Header

p1 Paragraph text

p2 Paragraph text

p3 Paragraph text

Primary Button
Secondary Button
Tertiary Button

Section Color Theme:

Dark 1

A more vibrant reverse alternative to the standard Dark 2 style.


h1 Header

h2 Header

h3 Header

h4 Header

p1 Paragraph text

p2 Paragraph text

p3 Paragraph text

Primary Button
Secondary Button
Tertiary Button

Section Color Theme:

Light 1

For general sections as a way to differentiate from other light & bright styles.


h1 Header

h2 Header

h3 Header

h4 Header

p1 Paragraph text

p2 Paragraph text

p3 Paragraph text

Primary Button
Secondary Button
Tertiary Button

Section Color Theme:

Light 2

For general sections as a way to differentiate from other light & bright styles.


h1 Header

h2 Header

h3 Header

h4 Header

p1 Paragraph text

p2 Paragraph text

p3 Paragraph text

Primary Button
Secondary Button
Tertiary Button

Section Color Theme:

DARKEST 1

For general sections as a way to differentiate from other light & bright styles.


h1 Header

h2 Header

h3 Header

h4 Header

p1 Paragraph text

p2 Paragraph text

p3 Paragraph text

Primary Button
Secondary Button
Tertiary Button

Section Color Theme:

DARKEST 2

For general sections as a way to differentiate from other light & bright styles.


h1 Header

h2 Header

h3 Header

h4 Header

p1 Paragraph text

p2 Paragraph text

p3 Paragraph text

Primary Button
Secondary Button
Tertiary Button

Section Color Theme:

Lightest 1

Best used for text-only pages.


h1 Header

h2 Header

h3 Header

h4 Header

p1 Paragraph text

p2 Paragraph text

p3 Paragraph text

Primary Button
Secondary Button
Tertiary Button

Section Color Theme:

Lightest 2

Best used for text-heavy pages that have a small bit of flair.


h1 Header

h2 Header

h3 Header

h4 Header

p1 Paragraph text

p2 Paragraph text

p3 Paragraph text

Primary Button
Secondary Button
Tertiary Button