Use only the colors shown to ensure all pages adhere to approved FAU brand standards and guidelines.

This will create strong visual consistency and professional impact throughout the website.

SHOW CODE
<div style="color: #003366">Text color</div> <div style="background: #003366">Background color</div> <div style="border: 1px solid #003366">Border color</div> <div style="color: var(--fau-blue)">Variable</div>
FAU Blue
HEX #003366
RGB 0ÌýÌý51ÌýÌý102
SHOW CODE
<div style="color: #cc0000">Text color</div> <div style="background: #cc0000">Background color</div> <div style="border: 1px solid #cc0000">Border color</div> <div style="color: var(--fau-red)">Variable</div>
FAU Red
HEX #CC0000
RGB 204ÌýÌý0ÌýÌý0
SHOW CODE
<div style="color: #4d4c55">Text color</div> <div style="background: #4d4c55">Background color</div> <div style="border: 1px solid #4d4c55">Border color</div> <div style="color: var(--fau-dark-gray)">Variable</div>
FAU Dark Gray
HEX #4D4C55
RGB 77ÌýÌý76ÌýÌý85
FAU Dark Gray is the preferred color for body copy. Shades 0-100% of FAU Dark Gray may also be used.
SHOW CODE
<div style="color: #cccccc">Text color</div> <div style="background: #cccccc">Background color</div> <div style="border: 1px solid #cccccc">Border color</div> <div style="color: var(--fau-gray)">Variable</div>
FAU Gray
HEX #CCCCCC
RGB 204ÌýÌý204ÌýÌý204
Shades 0-100% May be used.

Extended Color Palette

These colors are available to use only when additional colors are needed to establish visual hierarchy or to add emphasis to graphical elements.

Colors form the extended color palette should never overpower colors from the Primary Palette.

SHOW CODE
<div style="color: #126bd9">Text color</div> <div style="background: #126bd9">Background color</div> <div style="border: 1px solid #126bd9">Border color</div> <div style="color: var(--fau-electric-blue)">Variable</div>
FAU Electric Blue
HEX #126BD9
RGB 18ÌýÌý107ÌýÌý217
FAU Electric Blue is the preferred color for Links and buttons
SHOW CODE
<div style="color: #7a97ab">Text color</div> <div style="background: #7a97ab">Background color</div> <div style="border: 1px solid #7a97ab">Border color</div> <div style="color: var(--fau-stone)">Variable</div>
Stone
HEX #7A97AB
RGB 122ÌýÌý151ÌýÌý171
SHOW CODE
<div style="color: #d9ecff">Text color</div> <div style="background: #d9ecff">Background color</div> <div style="border: 1px solid #d9ecff">Border color</div> <div style="color: var(--fau-skyblue)">Variable</div>
Sky Blue
HEX #D9ECFF
RGB 217ÌýÌý236ÌýÌý255
SHOW CODE
<div style="color: #d4b98b">Text color</div> <div style="background: #d4b98b">Background color</div> <div style="border: 1px solid #d4b98b">Border color</div> <div style="color: var(--fau-sand)">Variable</div>
Sand
HEX #D4B98B
RGB 212ÌýÌý185ÌýÌý139