COLOR
HOW TO USE
CORE UI + TEXT
Midnight Navy
Primary Text, Headings, Primary UI Elements, Backgrounds (moderation)
Electric Blue
Links, Secondary Buttons, Highlights
Soft Ivory/Dark Ivory
Backgrounds, Secondary Buttons + Text on Dark Background
Support colors
Light Secondary (Light Blue etc.)
Occasional Backgrounds, Subtle Accent UI and Graphics
Middle Secondary (Sky Blue etc.)
Occasional Backgrounds, Subtle Accent UI and Graphics
Dark Secondary (Electric Blue etc.)
Occasional Backgrounds, Subtle Accent UI and Graphics
APPROVED COLOR COMBINATIONS
Text
Always Use:
Midnight Navy
Soft Ivory
Never Use:
Secondary palette colors for text OTHER than Electric Blue in Moderation
Links
Default:
Electric Blue
Must include:
Underline (not color alone)
Buttons
Primary:
Background: Midnight Navy
Text: Soft Ivory OR White
Secondary:
Background: Transparent
Border/Text: Soft Ivory
Backgrounds
Default
White
Midnight Navy
Soft Ivory
Alternating Sections
Secondary Palette (prioritize light background first)
Interactive states
Hover
Darken or Lighten by 5-10%
Focus
Visible outline:
2px solid Midnight Navy or high-contrast equivalent
Active
Electric Blue w/ Underline
BEST PRACTICES
DOS
Use dark colors for all critical text
Keep backgrounds light and breathable
Use blue intentionally for actions
DON’TS
Use low-contrast pastels for text
Rely on color alone for meaning
Overuse accent colors