New Orleans Pelicans Color Palette
The New Orleans Pelicans brand owes much of its visual impact to this Blue-rooted palette. Discover the hex codes that define one of nba's most recognized identities.
New Orleans Pelicans Primary
New Orleans Pelicans Accent
New Orleans Pelicans Accent
The Visual Identity of New Orleans Pelicans
Color Systems & Brand Psychology
Primary Hue
The #0C2340 at the core of New Orleans Pelicans's palette is not accidental. Blue tones consistently test well for clarity in their industry, giving the brand a recognisable visual anchor.
Industry Psychology
New Orleans Pelicans operates in their industry where visual trust signals are critical. The choice of blue as the dominant palette family plays directly into audience expectations — Blue tones are widely associated with clarity and professionalism by global audiences.
Strategic Usage
These color values are design specifications, not decorative choices. New Orleans Pelicans's consistency in applying this palette across digital and print media ensures every touchpoint reinforces the same brand message — making clarity an immediately recognisable quality of the brand.
UI Design & Application Guide
Thinking of using the New Orleans Pelicans 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.
New Orleans Pelicans Primary to ensure consistency across all nba 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 |
|---|---|---|---|
| New Orleans Pelicans Primary | #0C2340 | rgb(12, 35, 64) | var(--new-orleans-pelicans-primary) |
| New Orleans Pelicans Accent 1 | #C8102E | rgb(200, 16, 46) | var(--new-orleans-pelicans-color-2) |
| New Orleans Pelicans Accent 2 | #85714D | rgb(133, 113, 77) | var(--new-orleans-pelicans-color-3) |
CSS Implementation
Copy this CSS snippet to your :root to instantly implement the New Orleans Pelicans brand styles.
:root {
--new-orleans-pelicans-primary: #0C2340;
--new-orleans-pelicans-color-2: #C8102E;
--new-orleans-pelicans-color-3: #85714D;
}
Explore Related Brand Palettes
Compare New Orleans Pelicans with other top brands in our database.