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