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
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
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
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
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
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
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
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
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
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