The official Tampa Bay Rays colors are navy blue, Columbia blue and yellow, with white as the base. The primary color is navy blue (#092C5C), paired with Columbia blue (#8FBCE6) and yellow (#F5D130). These colors run across the logo, uniforms and merchandise, adopted in the 2008 rebrand.
Rays Color Codes: HEX, RGB, CMYK, Pantone
| Color | Swatch | HEX | RGB | CMYK | Pantone |
|---|---|---|---|---|---|
| Navy Blue | #0C2C56 | 12, 44, 86 | 100, 60, 0, 56 | PMS 289 C | |
| Northwest Green | #005C5C | 0, 92, 92 | 100, 0, 47, 47 | PMS 7721 C | |
| Silver | #C4CED4 | 196, 206, 212 | 5, 0, 0, 20 | PMS 877 C (metallic) | |
| Red (accent) | #D50032 | 213, 0, 50 | 0, 100, 65, 0 | PMS 199 C |
A note on the CMYK numbers: the Pantone references above are the ones widely published for the Rays and they match the club’s on-field navy and light blue well. The CMYK breakdowns are conversions, not values pulled from a public brand book. If you’re doing a real print job, ask for the Pantone chips and proof them. Screen-to-press color lies constantly.
Every Rays Color, Explained
Navy Blue (#092C5C)
This is the anchor. It’s a deep, slightly cold navy blue that reads almost black at small sizes, which is exactly why it works on a cap crown and on jersey lettering. The “Rays” wordmark sits in it. The road uniform lettering sits in it. Pretty much every piece of the identity that needs to hold a shape uses this one.
It arrived with the 2008 name change, when the franchise dropped the “Devil” and torched the old palette.
Columbia Blue (#8FBCE6)
The secondary. A soft, hazy light blue that gives the palette its Florida feel. It shows up as the outline around the navy lettering, on the alternate jersey, and as the fill in a lot of secondary marks.
Designers get this one wrong constantly. It is not baby blue and it is not the Blue Jays’ powder shade. #8FBCE6 has more gray in it than people expect, which is why it doesn’t glow on white backgrounds the way a purer tint would.
Yellow (#F5D130)
The accent, and the smallest piece of the palette by surface area. This warm yellow only really appears in one place that matters: the sunburst, the seven-pointed star sitting on the “R” of the wordmark. It’s the sun. The two blues are the water and the sky. That’s the whole concept, and honestly it’s one of the cleaner color stories in the league.
Use it sparingly. Wall-to-wall #F5D130 looks like a highway sign.
White (#FFFFFF)
Not decorative here. White does structural work in the Rays mark, separating the navy from the light blue in the double outline so the lettering keeps its edge on dark backgrounds. Take the white out and the logo muddies immediately.
Rays Uniform Colors
Home: white jersey and pants, navy chest wordmark trimmed in Columbia blue, navy cap with the “TB” mark.
Road: gray with the same navy-and-light-blue lettering treatment.
Alternates: a navy jersey and a Columbia blue jersey, both worn regularly at Tropicana Field. The light blue one is the one people actually buy.
Palette History and the 2008 Reset
The franchise launched in 1998 as the Tampa Bay Devil Rays, and the original look was nothing like the current one. Black base, purple and green in a rainbow gradient that ran through the lettering. Very late-90s. It got mocked at the time and it’s beloved now, which is how these things always go.
In 2008, under owner Stuart Sternberg, the club cut “Devil” from the name and rebuilt the palette from scratch: navy, Columbia blue, yellow sunburst. They won the pennant that same year. Correlation, not causation, but Rays fans will tell you otherwise.
The logo was refined in 2019, tightening the serif wordmark and the star, but the color values didn’t move.
Then came 2024. The Rays’ City Connect set went the other direction entirely: a faded black base with skateboard grip-tape texture, and neon trim in blues, purples and greens applied as gradients. Player names on the back were rendered in a bright neon green. The cap logo merged a ray with the Sunshine Skyway Bridge. It was a deliberate callback to those old Devil Rays colors, reimagined with more voltage. Legibility complaints followed. The gradient work itself was sharp, though, and if you like that kind of thing there are plenty of gradient color palettes worth studying.
Using the Rays Palette in Your Own Work
Web and screen: use the HEX or RGB values. Print: use Pantone if the budget allows, CMYK if it doesn’t, and expect the navy to shift slightly warmer on uncoated stock.
CSS Variables
:root {
--rays-navy-blue: #092C5C;
--rays-columbia-blue: #8FBCE6;
--rays-yellow: #F5D130;
--rays-white: #FFFFFF;
}
One practical tip: navy on Columbia blue passes contrast checks easily, but yellow text on white does not. Ever. If you need the yellow to carry text, put it on the navy. That’s how the club itself uses it.
The two-blue structure also makes this palette unusually flexible for non-sports work. Swap the yellow for a warmer accent and you’ve got a solid foundation for anything coastal. Worth browsing broader blue color palettes if you want to push it further.
Related Resources
Full league reference: Baseball Team Color Codes.
The rest of the AL East, since you’ll probably need at least one of these for a matchup graphic:
- New York Yankees colors
- Boston Red Sox colors
- Toronto Blue Jays colors
- Baltimore Orioles colors
- Miami Marlins colors (the other Florida club, and a very different approach to brightness)
FAQ on The Tampa Bay Rays Colors
What are the Tampa Bay Rays colors?
The official Tampa Bay Rays colors are navy blue (#092C5C), Columbia blue (#8FBCE6) and yellow (#F5D130), on a white base. Navy carries the wordmark, Columbia blue outlines it, and the yellow appears only in the sunburst star.
What are the Rays color codes in HEX and RGB?
Navy blue is #092C5C, RGB (9, 44, 92). Columbia blue is #8FBCE6, RGB (143, 188, 230). Yellow is #F5D130, RGB (245, 209, 48). White is #FFFFFF, RGB (255, 255, 255).
What is the Tampa Bay Rays Pantone color?
The Rays use PMS 648 C for navy blue, PMS 278 C for Columbia blue, and PMS 129 C for yellow. Use these for print work. The CMYK breakdowns floating around online are conversions, so proof before you commit to a press run.
When did the Rays adopt their current colors?
In 2008, when the franchise dropped “Devil” from the name. Owner Stuart Sternberg oversaw the rebrand, replacing the old black, green and purple scheme with the navy-and-Columbia-blue palette. The logo was refined in 2019 without changing any color values.
What is the primary color of the Tampa Bay Rays?
Navy blue. It fills the cap crown, the “Rays” lettering on both home and road uniforms, and most of the secondary marks. At small sizes it reads nearly black, which is why the lighter blue outline exists.
What colors were the Tampa Bay Devil Rays?
Black, purple, green and blue, arranged as a rainbow gradient through the lettering from 1998 to 2007. Widely mocked then, genuinely loved now. Fans still buy the throwbacks, and the 2024 City Connect set borrowed that gradient idea on purpose.
Are the Rays colors the same as the Kansas City Royals?
No, though people mix them up. The Kansas City Royals colors are built on royal blue (#004687), a brighter, more saturated shade. Rays navy (#092C5C) is much darker and cooler, and the Royals have no yellow accent.
What is the yellow star on the Rays logo?
It’s the sunburst, a seven-pointed star sitting on the enlarged “R” of the wordmark. Yellow stands for the Florida sun, while the two blues stand for water and sky. That’s the entire color concept, and it holds up.
What are the Rays uniform colors?
Home is white with navy lettering trimmed in Columbia blue. Road is gray with the same treatment. Two alternates exist: a navy jersey and a Columbia blue jersey. The light blue alternate is the one fans actually wear.
What colors are the Rays City Connect uniforms?
Faded black with skateboard grip-tape texture, trimmed in neon blues, greens and purples applied as gradients. Debuted May 2024. The cap logo combines a ray with the Sunshine Skyway Bridge. Nothing about it matches the standard palette, and that was the point.
Conclusion
The Tampa Bay Rays colors come down to four values: #092C5C, #8FBCE6, #F5D130 and #FFFFFF. Grab the HEX codes for screen, the PMS references for print.
What makes the palette work is restraint. Two shades of blue doing the heavy lifting, a sunburst yellow used almost nowhere.
Copy the CSS block above and you’re set. And if you need the rest of the league, the Atlanta Braves colors page is a good next stop.
Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.
His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.
He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.
- UI Color Schemes Generator - 25 August 2026
- Beyond the Portfolio: What Makes a Designer Stand Out Internationally - 25 August 2026
- How Designers Can Build a Safer Digital Asset Workflow - 24 August 2026
Bogdan Sandu is a seasoned designer who has been designing websites since 2008. Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients. His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8. He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.
You Might Also Like
