Use only the colors shown to ensure all pages adhere to approved 51勛圖厙 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>
51勛圖厙 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>
51勛圖厙 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>
51勛圖厙 Dark Gray
HEX #4D4C55
RGB 77泭泭76泭泭85
51勛圖厙 Dark Gray is the preferred color for body copy. Shades 0-100% of 51勛圖厙 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>
51勛圖厙 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>
51勛圖厙 Electric Blue
HEX #126BD9
RGB 18泭泭107泭泭217
51勛圖厙 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