Tampa Bay Rays Colour Palette

About this palette

The Tampa Bay Rays palette gives you a practical colour combination for design, styling and creative work. It can be used for mood boards, websites, interiors, presentations, graphics and brand exploration.

The colours included are #092C5C, #8FBCE6, #F5D130, #FFFFFF.

You can also explore related team colours, open the palette in the colour tool, or compare it with articles that use similar colour ideas.

Colours in this palette

Click any colour to copy the HEX value, or open the full palette in the colour tool to test harmonies, contrast and CSS export options.

How to use this palette

• For sports graphics: use the main team colour as the dominant shade and reserve accent colours for highlights, badges and calls to action.
• For fan designs: balance bold team colours with white, black or neutral backgrounds so the layout stays readable.
• For event visuals: use the palette consistently across posters, social posts, fixtures and matchday graphics.

CSS colour variables

Copy these variables into your stylesheet or design system.

:root {
  --palette-colour-1: #092C5C;
  --palette-colour-2: #8FBCE6;
  --palette-colour-3: #F5D130;
  --palette-colour-4: #FFFFFF;
}