Wimbledon Official Color Codes
Wimbledon Purple: Hex code #5A3A88 (RGB: 90, 58, 136 | Pantone: 268 C / 7679 C)
Wimbledon Green: Hex code #12794D (RGB: 18, 121, 77 | Pantone: 349 C / 7726 C)
Why You Should Avoid #F7F79F for Text
Poor Readability (Low Contrast): Because this color leans heavily into light yellow/green, its luminance value is very close to a standard cream. When placed on a dark green or dark purple background, it lacks the sharp definition needed for paragraphs, making text look blurry and hard to read.
Clashes with Wimbledon Green: Wimbledon Green (#12794D) is a cool, deep forest green. #F7F79F has a strong warm-yellow undertone. Mixing them globally can make your dark mode look a bit too muddy or radioactive, rather than premium and elegant.
How to Use #F7F79F Effectively Instead
If you love this color, do not throw it away! It mimics the iconic color of a brand-new tennis ball. Instead of using it for text, use it sparingly for:
Interactive Accents: Hover states for buttons or active icons.
Design Elements: Thin borders around user cards, a notification badge dot, or a subtle glowing highlight text.
The Ultimate Wimbledon Text Alternatives
If you want that upscale, readable "cream" look for your text on a dark green background, use one of these muted, higher-contrast hex codes instead:
ColorHex CodeVibeTraditional Tennis Cream#FAF6EEDeeply elegant, warm, and highly readable.Vanilla Pearl#F4F0E6Slightly muted to cut down all screen glare.Classic Off-White#F8F9FAClean, modern, and very safe for accessibility.
If you want, I can generate a quick live CSS mockup preview comparing how text looks using your yellow-green code versus a classic heritage cream so you can visually see the contrast difference.
yes mock
Here is a live HTML and CSS mockup file comparing how your tennis-ball yellow (#F7F79F) and a classic heritage cream (#FAF6EE) look against a deep Wimbledon green background.
I have written a clean, self-contained Python script to generate this side-by-side comparison page as an HTML file for you to inspect locaGenerated Comparison Code
Wimbledon Official Color Codes
Wimbledon Purple: Hex code #5A3A88 (RGB: 90, 58, 136 | Pantone: 268 C / 7679 C)
Wimbledon Green: Hex code #12794D (RGB: 18, 121, 77 | Pantone: 349 C / 7726 C)
Where to Get Free Wimbledon Pictures
Browse royalty-free visual inspiration and aesthetic graphics on platforms like Pinterest Wimbledon Ideas.
Find editorial and public-domain style event shots through Shutterstock Wimbledon Colours or Adobe Stock Wimbledon Images (free tier options available). [1, 2, 3]
If you'd like, let me know:
What project are you working on (logo, poster, or web design)?
Do you need CMYK print values or CSS snippets for these color codes?
Brand Color Code
Wimbledon Championship Brand Color Codes
Wimbledon Championship brand hex, RGB, CMYK and Pantone® (PMS) color codes * Purple download Wimbledon Championship's Purple color...
Iconic colours: Purple, white and green… - The Squirrelbasket
The traditional Wimbledon colours are dark green and purple, although I put white in there as well, because the tennis players all...
Lexology
How Wimbledon Trademarked its Colors
How Wimbledon Trademarked its Colors Rybakina's win made her the first woman representing Kazakhstan to win a major tournament. Sh...
Show all
is the white off white or cream and what type
The white used at Wimbledon is strictly pure, stark white; it is explicitly not off-white, cream, or ivory. [1, 2]
According to the official Wimbledon Clothing and Equipment Regulations, the tournament's 10-part mandate explicitly dictates that "white does not include off-white or cream." [1, 2]
What Type of White Is It?
Design/Digital Type: It is Optic White (Hex code #FFFFFF), which is the truest, brightest form of digital pure white with absolutely zero undertones of yellow or grey.
Material/Apparel Type: In the textile industry, this translates to Bleached White or Performance White, ensuring the fabric reflects maximum light without any soft or warm cream tints.
The All England Club enforces this strictly on court for all apparel, including socks, caps, and headbands, to maintain a uniform visual aesthetic against the grass. [1, 2]
Are you trying to match a specific fabric type for apparel, or do you need a paint color equivalent (like a Benjamin Moore or Sherwin-Williams pure white) for an interior design project?
Karen Haller
Why Wimbledon Wears White - Karen Haller
All players must wear white. Not cream, not ivory or off white. It must be white. Colour Symbolism Why? Tradition of course. White...
Wimbledon Whites: Why the Dress Code Still Runs Centre Court
Jul 6, 2026 — And to be clear, white “does not include off-white or cream.” What about a trim of color? There is a limit: a single strip of colo...
GQ
Why Does Everyone Wear White at Wimbledon?
Is the dress code still the same? Yes! In fact, the modern rules are considerably stricter than most people realize. Wimbledon doe...
Show all
colours for web site
To build a web site using the official Wimbledon color scheme, you should implement a balanced UI layout. Because pure white (#FFFFFF) is mandatory, it serves perfectly as your dominant background color, while the signature green and purple are best used as strategic accents to maintain high readability and a clean, premium athletic aesthetic.
Wimbledon Web Design Palette
ElementColor RoleHex CodeTailwind CSS / CSS ExampleDominant BackgroundPure White#FFFFFFbg-white / background-color: #ffffff;Primary Brand AccentWimbledon Green#12794Dbg-[#12794D] / color: #12794D;Secondary Brand AccentWimbledon Purple#5A3A88bg-[#5A3A88] / color: #5A3A88;Text & ContrastDark Neutral / Charcoal#1A1A1Atext-[#1A1A1A] (Avoid pure black text on pure white)
UI Implementation Blueprint
To design an accessible and visually appealing site, distribute the colors using the 60-30-10 rule:
The 60% (Dominant): White
Use pure white for your main canvas, page sections, content blocks, and card backgrounds. This mirrors the crisp Wimbledon apparel aesthetic and provides maximum breathing room.The 30% (Secondary Structure): Wimbledon Green
Apply this to large structural blocks like the navigation bar, footer, or main headings. It anchors the site in the classic grass-court tennis tradition.The 10% (Action Accents): Wimbledon Purple
Reserve this high-contrast color strictly for interactive elements like Call-to-Action (CTA) buttons, active link states, and alert badges. This makes your interactive elements pop immediately against the green or white.
Would you like me to generate a complete HTML and CSS template code snippet using this palette, or do you need accessible text-contrast ratios (WCAG) for your button design
Warm Cream (#FDFBF7 or #F5F2EB)
test test
