NFL
Est. 1920The NFL shield's deep blue and red represent the strength and intensity of American football. The 8 stars represent the 8 original divisions. The color palette is designed to look powerful on everything from stadiums to screens — projecting authority and tradition.
Brand Palette — Click to copy
Export NFL Colors
About NFL's Color Palette
NFL's brand identity relies on a carefully chosen palette of 5 colors that communicate the company's values and market position within the sports industry. Founded in 1920, NFL has refined its visual identity over the years to become one of the most recognized brands in its category.
The primary color, Blue (#003069), serves as the foundation of NFL's visual system and is used across the brand's logo, marketing materials, and digital products. Supporting colors like Red (#D50A0A) provide contrast and visual hierarchy across different applications. Each color in the palette has a specific functional role — from primary brand identification to secondary surfaces, accent highlights, and background elements.
Designers and developers can use these exact color codes to maintain brand consistency across web, mobile, and print projects. All colors on this page are available for export as CSS custom properties, Tailwind CSS config, SCSS variables, and JSON — ready to integrate into any design system or codebase.
Color Breakdown
Blue — #003069
Used as primary. RGB: 0, 48, 105.
Red — #D50A0A
Used as accent. RGB: 213, 10, 10.
White — #FFFFFF
Used as stars/background. RGB: 255, 255, 255.
Silver — #A5ACAF
Used as shield. RGB: 165, 172, 175.
Dark — #13264D
Used as dark variant. RGB: 19, 38, 77.
Frequently Asked Questions
What are NFL's official brand colors?
NFL's official palette consists of 5 colors: Blue (#003069), Red (#D50A0A), White (#FFFFFF), Silver (#A5ACAF), Dark (#13264D). These colors are used across NFL's logo, website, marketing materials, and product interfaces to maintain a consistent brand identity.
What is the hex code for NFL's primary color?
NFL's primary brand color is Blue with the hex code #003069. This color is used as the primary identifier for the brand and appears prominently in the logo and key marketing materials.
Can I use NFL's colors in my project?
The color values (hex codes, RGB, HSL) listed on this page are factual information and can be referenced freely. However, using colors in combination with NFL's logo, name, or other trademarked elements may require permission. Always check the brand's official guidelines for commercial usage.
How do I export NFL's colors for my code?
Use the export buttons above to copy NFL's colors as CSS custom properties, Tailwind CSS config objects, SCSS variables, or JSON. Each format is ready to paste directly into your codebase or design system configuration file.