Titleist color palette
SportsTitleist's brand identity is defined by a classic, high-contrast palette of black, white, and red, reflecting its premium golf heritage. The color system is minimal and timeless, emphasizing clarity and tradition.
titleist.comTitleist colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Titleist BlackPrimary0, 0, 0
- Titleist WhiteSecondary255, 255, 255
- Titleist RedAccent228, 28, 35
Surfaces
Page, cards and dividers.- Titleist WhiteBackground255, 255, 255
- Titleist Light GraySurface245, 245, 245
- Titleist Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Titleist BlackText0, 0, 0
- Titleist Dark GraySecondary text51, 51, 51
- Titleist Muted GrayMuted text117, 117, 117
Semantic
Feedback and state colors.- Titleist Success GreenSuccess76, 175, 80
- Titleist Warning YellowWarning255, 193, 7
- Titleist RedError228, 28, 35
- Titleist Info BlueInfo25, 118, 210
Use Titleist's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
titleist-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #E41C23;
--accent: #E41C23;
--border: #E0E0E0;
--primary: #000000;
--success: #4CAF50;
--surface: #F5F5F5;
--warning: #FFC107;
--secondary: #FFFFFF;
--text-muted: #757575;
--background: #FFFFFF;
--text-primary: #000000;
--text-secondary: #333333;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
21.0:1
Pass
Text on surface
Needs 4.5:1 for body text
19.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
11.6:1
Pass
Muted text on background
Needs 3:1 for large text
4.6:1
Pass
Muted text on surface
Needs 3:1 for large text
4.2:1
Pass
Titleist gray and neutral colors
The quiet part of the Titleist palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Titleist WhiteBackground
- HEX
- RGB
- HSL
- Titleist Light GraySurface
- HEX
- RGB
- HSL
- Titleist Border GrayBorder
- HEX
- RGB
- HSL
- Titleist BlackText
- HEX
- RGB
- HSL
- Titleist Dark GraySecondary text
- HEX
- RGB
- HSL
- Titleist Muted GrayMuted text
- HEX
- RGB
- HSL
About Titleist's colors
Titleist uses a restrained palette centered on black, white, and a signature red, creating a sense of tradition and clarity. The limited use of color emphasizes the brand's premium positioning and focus on performance.
Strong contrast between black and white ensures legibility.
Red is reserved for accents and highlights.
Grays support UI clarity and hierarchy.
Psychology
Black and white evoke professionalism, trust, and timelessness, while red adds energy and attention. The palette signals both heritage and high performance.
Evolution
Titleist's palette has remained stable for decades, maintaining its classic black, white, and red combination. Minor adjustments to gray tones have been made for digital clarity.
Where Titleist uses each color
- Primary
Titleist Black is used for the logo, navigation bar, and primary text.
- Secondary
Titleist White serves as the main background and negative space.
- Accent
Titleist Red highlights calls to action, product details, and key visual elements.
- Backgrounds
Titleist White and Light Gray are used for page backgrounds and cards.
- Text
Titleist Black and Dark Gray are used for headings and body copy, with Muted Gray for secondary information.
- Semantic
Success Green, Warning Yellow, and Info Blue are used in notifications and status indicators, while Titleist Red indicates errors.
Titleist color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Titleist brand color is black, with the hex code #000000. Titleist Red (#E41C23) is also a key accent color.
Titleist Black (#000000) is RGB(0, 0, 0) and CMYK(0, 0, 0, 100). This color is used for the logo and main text.
Titleist uses Light Gray (#F5F5F5), Border Gray (#E0E0E0), Dark Gray (#333333), and Muted Gray (#757575) for UI backgrounds, borders, and secondary text. These neutrals provide structure and readability.
Use Titleist Black (#000000) and White (#FFFFFF) for primary elements and backgrounds, with Red (#E41C23) as a highlight. Grays support hierarchy, and semantic colors are reserved for status messaging.
The secondary color is Titleist White, #FFFFFF, and the accent is Titleist Red, #E41C23. Together with the primary they make up the three brand colors at the top of this page.
6 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Titleist's colors consistently when it generates UI.
Make something in the spirit of Titleist
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.