Colour
Colour is fundamental to Sport Wales' brand identity and user experience. Our colour system creates emotional connections, guides user attention, and ensures accessibility across all platforms.
Primary Brand Colours
These four colours form the foundation of our brand identity, representing Welsh heritage, sporting excellence, and national pride.
#E32434
227, 36, 52
355°, 81%, 52%
Primary action, calls-to-action, alerts
#164B64
22, 75, 100
199°, 64%, 24%
Primary brand, navigation, headings
#299D91
41, 157, 145
174°, 59%, 39%
Success states, featured content
#F6B207
246, 178, 7
43°, 94%, 50%
Highlights, warnings, accents
Primary Brand Colors in Action
See how our brand colours work together to create engaging user interfaces.
Extended Colour Palette
Light and dark variations of our primary colours provide flexibility while maintaining brand consistency.
Red Variations
Blue Variations
Green Variations
Yellow Variations
Neutral Colours
Neutral colours provide balance and ensure content readability while supporting our brand colours.
Colour Usage Guidelines
✓ Best Practices
- • Use SW Blue for primary navigation and key information
- • Reserve SW Red for primary actions and urgent alerts
- • Apply SW Green for success states and featured content
- • Use SW Yellow sparingly for highlights and warnings
- • Maintain sufficient contrast ratios (min 4.5:1)
- • Test colours with colourblind users and tools
- • Use semantic colours consistently across the system
✗ Things to Avoid
- • Don't use colour alone to convey information
- • Avoid using brand colours for decorative purposes
- • Don't mix different tints/shades of the same colour
- • Avoid low contrast combinations
- • Don't use colours outside the defined palette
- • Avoid overusing bright accent colours
- • Don't rely on colour for critical information