The official Tampa Bay Lightning colors are blue, white and black. The primary color is Tampa Bay Blue (#002868), paired with white (#FFFFFF) and black (#000000). These colors run across the team’s logo, jerseys and merchandise, with blue and white taking over as the lead pair in the 2011 rebrand.
Tampa Bay Lightning Color Codes
| Color | Swatch | HEX | RGB | CMYK | Pantone |
|---|---|---|---|---|---|
| Tampa Bay Blue | #002868 | 0, 40, 104 | 100, 85, 5, 36 | PMS 281 C | |
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | n/a (white) | |
| Black | #000000 | 0, 0, 0 | 0, 0, 0, 100 | Pantone (approx.): PMS Black C |
Quick honesty note. The Lightning publish blue and white as their two headline colors, and PMS 281 C is the confirmed match for the blue. Black shows up as a trim and alternate color, but there’s no separately published Pantone for it, so the black row above is approximated from the HEX. I’d rather flag that than pretend a code is official.
Per-Color Breakdown
The Blue in the Lightning Palette
Tampa Bay Blue (#002868) is the team’s primary color. It fills the home sweater and carries most of the logo’s weight. This is a deep, cool blue that reads closer to a rich navy tone than a bright royal, and that darkness is deliberate. It nods to the water around the bay and the storm skies the franchise is named after (Florida gets more lightning strikes than anywhere else in the country).
Blue wasn’t always the boss, though. For nearly two decades it played a supporting role. The 2011 rebrand pushed it to the front and it hasn’t moved since.
The White in the Lightning Palette
White (#FFFFFF) is the second color and it does the quiet, necessary work. It’s the base of the road jersey and the breathing room that keeps the bolt legible against white ice. Without that contrast, a blue-heavy logo would smear into the rink on TV. Simple, but it matters more than people think.
The Black in the Lightning Palette
Here’s the interesting one. Black was a primary Lightning color from 1992 all the way to 2011, close to twenty years of the franchise’s identity. The old home sweaters leaned heavily on it. After the rebrand it got demoted hard, surviving mostly as an outline on numbers and a bit of trim on the gloves.
Then it came back. The team rolled out a full black alternate jersey in the 2014-15 season, the one with the diagonal “BOLTS” wordmark. So black never really left. It just changed jobs.
Worth a footnote too: the original 1990s uniforms carried silver accents in the shoulder yokes and those odd little “victory stripes” tucked under the arms. Silver got phased out in the 2011 cleanup and hasn’t returned in any real way.
Uniform Colors (Home, Away, Alternate)
Home uniform: blue dominant, with a single clean white stripe running across the sleeves and waist. Very restrained, almost minimalist by NHL standards.
Away uniform: mostly white, with the blue flipped in as the stripe and trim color.
Alternate jersey: black, introduced in 2014-15, carrying the slanted “BOLTS” lettering instead of the bolt crest. Before that, from 2008 to 2014, the third jersey was actually an electric blue “BOLTS” design rather than black.
History and Rebranding
The Lightning entered the NHL in 1992 under a bid led by Phil Esposito, and the name came straight from the Tampa Bay area being called the lightning capital of North America. They won their very first regular-season game against the Chicago Blackhawks that October. The starting palette was black, white, blue and silver.
A blue-based third jersey arrived for 1996-97 and was retired after 1998-99. The whole identity got a modern Reebok Edge update in 2007. The big one came under Jeff Vinik’s ownership: the franchise filed to change its logo and colors in January 2011, and the finished rebrand landed mid-2011, promoting blue and white to primary status and pushing black to trim.
Since then the scheme has held steady. The Bolts wore this exact identity through back-to-back Stanley Cup wins in 2020 and 2021, which locked it in as the look most fans now picture.
How to Use the Colors (For Designers)
For digital and web work, use Tampa Bay Blue as #002868 and grab white and black from the table. For anything going to print, switch over to the CMYK or Pantone values instead, since #002868 will shift on paper if you convert it carelessly.
One pairing tip from experience: this is a cool, low-warmth scheme, so it sits well next to icy silvers, slate grays and other cool-toned combinations. Warm accents fight it.
Copy-ready CSS:
“ :root { --lightning-blue: #002868; --lightning-white: #FFFFFF; --lightning-black: #000000; } `
Relevant Resources
If you’re collecting these for a design project, start with the full NHL team color codes hub, which lists every franchise in one place.
For in-division and rival comparisons, the Florida Panthers color codes are the obvious next stop, since they’re Tampa’s biggest rival. The Pittsburgh Penguins palette and the Chicago Blackhawks color scheme are both worth a look too, the latter being the team Tampa beat in its first-ever game.
FAQ on The Tampa Bay Lightning Colors
What are the Tampa Bay Lightning colors?
The Tampa Bay Lightning colors are blue, white and black. Tampa Bay Blue (#002868) leads, backed by white and a black trim. This NHL franchise has run its blue-and-white scheme across the logo, jerseys and merchandise since 2011.
What are the Tampa Bay Lightning color codes (HEX and RGB)?
In HEX and RGB, the color codes are Tampa Bay Blue #002868 (0, 40, 104), white #FFFFFF (255, 255, 255) and black #000000 (0, 0, 0). Those blue values match the SVG logo on the team’s official site.
What is the Tampa Bay Lightning Pantone color?
The Tampa Bay Lightning Pantone color is PMS 281 C for Tampa Bay Blue. White carries no Pantone code, and black is best approximated as PMS Black C. Use these for print work instead of the HEX values.
When did the Tampa Bay Lightning adopt their current colors?
The current blue-and-white identity dates to the 2011 rebrand under owner Jeff Vinik. Filed in January 2011 and finished mid-year, it moved blue to primary and dropped black to trim. The palette has held steady ever since.
What is the primary color of the Tampa Bay Lightning?
Tampa Bay Blue (#002868) is the primary color. It fills the home sweater and most of the lightning bolt logo. A deep, cool shade, it references the bay’s water and the storm skies over Amalie Arena.
Are the Tampa Bay Lightning colors the same as the Toronto Maple Leafs?
Not exactly. Both are blue-and-white NHL teams, so they look alike at a glance. But Tampa’s #002868 differs from the Toronto Maple Leafs blue (#00205B), and the Bolts carry black trim the Leafs leave out.
What colors are the Tampa Bay Lightning jerseys?
The jersey colors follow the palette. The home sweater is blue with a white stripe; the road sweater flips to white with blue. The black alternate, added in 2014-15, wears the diagonal BOLTS wordmark instead of the crest.
Were the Tampa Bay Lightning originally black?
Yes. Black was a primary color from 1992 to 2011, alongside white, blue and silver accents. The 2011 rebrand cut silver entirely and shrank black to trim, though it returned on the 2014 alternate jersey.
What is the Tampa Bay Lightning CMYK color code?
For print, the CMYK codes are Tampa Bay Blue (100, 85, 5, 36), white (0, 0, 0, 0) and black (0, 0, 0, 100). CMYK keeps the deep blue accurate on paper, where a raw HEX conversion can drift.
What do the Tampa Bay Lightning colors represent?
The blue points to the water around Tampa Bay and the region’s famous thunderstorms. Florida leads the country in lightning strikes, which is why the franchise, its bolt logo and the Thunderbug mascot all lean into that electric theme.
Conclusion
The Tampa Bay Lightning colors come down to a confident pair: Tampa Bay Blue (#002868) and white, with black holding the trim.
Grab the HEX and RGB values for screens, and switch to Pantone 281 C or the CMYK codes for print.
Since the 2011 rebrand, this palette has carried the Bolts through two Stanley Cup wins and every sweater worn at Amalie Arena. Clean, cold and unmistakable.
- Beyond the Studio: I Tested 5 Modern Tools to Generate Ad Creatives in Minutes - 26 August 2026
- UI Color Schemes Generator - 25 August 2026
- Beyond the Portfolio: What Makes a Designer Stand Out Internationally - 25 August 2026