Notre Dame Color Palette
From primary Blue anchors to supporting accents, the Notre Dame color system is engineered for clarity across university touchpoints — digital and physical.
Notre Dame Primary
Notre Dame Accent
The Visual Identity of Notre Dame
Color Systems & Brand Psychology
Primary Hue
Central to Notre Dame's palette is #0C2340. This carefully tested Blue value ensures brand coherence across screens, print, and environmental university contexts.
Industry Psychology
Consumer studies in the university space show that Blue palettes increase brand recall by up to 80%. Notre Dame deploys this advantage across all visual communications.
Strategic Usage
Notre Dame treats color as a strategic asset. These hex values are managed centrally and deployed through a token-based system across the university brand's entire digital ecosystem.
UI Design & Application Guide
Thinking of using the Notre Dame color palette in your next project? Here is a professional guide on how to apply these colors effectively for web and mobile interfaces.
When using #0C2340 as a background, strict accessibility standards (WCAG) recommend using #FFFFFF for your typeface to ensure maximum readability.
Notre Dame Primary to ensure consistency across all university mockups.
Technical Color Data Table
For developers and designers, accuracy is non-negotiable. Below are the precise conversions.
| Color Name | HEX Code | RGB Values | CSS Variable |
|---|---|---|---|
| Notre Dame Primary | #0C2340 | rgb(12, 35, 64) | var(--notre-dame-primary) |
| Notre Dame Accent 1 | #C99700 | rgb(201, 151, 0) | var(--notre-dame-color-2) |
CSS Implementation
Copy this CSS snippet to your :root to instantly implement the Notre Dame brand styles.
:root {
--notre-dame-primary: #0C2340;
--notre-dame-color-2: #C99700;
}
Explore Related Brand Palettes
Compare Notre Dame with other top brands in our database.