Hertz color palette
AutomotiveHertz uses a bold yellow and black color scheme that is instantly recognizable and reflects its long-standing brand identity in the automotive rental industry. The palette emphasizes high visibility and clarity across digital and physical touchpoints.
hertz.comHertz colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Hertz YellowPrimary255, 209, 0
- Hertz BlackSecondary0, 0, 0
- Hertz WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Hertz WhiteBackground255, 255, 255
- Hertz Light GraySurface246, 246, 246
- Hertz Border GrayBorder217, 217, 214
Text
Three tiers of copy.- Hertz BlackText0, 0, 0
- Hertz Dark GraySecondary text77, 77, 77
- Hertz Muted GrayMuted text140, 140, 140
Semantic
Feedback and state colors.- Hertz Success GreenSuccess0, 138, 0
- Hertz YellowWarning255, 209, 0
- Hertz Error RedError215, 40, 47
- Hertz Info BlueInfo0, 114, 206
Use Hertz's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
hertz-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D7282F;
--accent: #FFFFFF;
--border: #D9D9D6;
--primary: #FFD100;
--success: #008A00;
--surface: #F6F6F6;
--warning: #FFD100;
--secondary: #000000;
--text-muted: #8C8C8C;
--background: #FFFFFF;
--text-primary: #000000;
--text-secondary: #4D4D4D;
}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.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.8:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.1:1
Pass
Hertz gray and neutral colors
The quiet part of the Hertz palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Hertz WhiteBackground
- HEX
- RGB
- HSL
- Hertz Light GraySurface
- HEX
- RGB
- HSL
- Hertz Border GrayBorder
- HEX
- RGB
- HSL
- Hertz BlackText
- HEX
- RGB
- HSL
- Hertz Dark GraySecondary text
- HEX
- RGB
- HSL
- Hertz Muted GrayMuted text
- HEX
- RGB
- HSL
About Hertz's colors
Hertz's palette is built around a vibrant yellow contrasted with deep black, ensuring high visibility and instant brand recognition. The supporting neutrals and accent colors provide clarity and accessibility in digital and print applications.
Primary yellow contrasts with black for maximum legibility.
White and light gray provide clean backgrounds for content.
Accent colors are used sparingly to highlight status or actions.
Psychology
Yellow conveys energy, optimism, and approachability, while black adds authority and professionalism. The combination is both inviting and trustworthy, aligning with Hertz's service-oriented brand.
Evolution
The yellow and black palette has been a core part of Hertz's identity for decades, with only minor adjustments to tone and supporting neutrals. The palette has remained stable, reinforcing brand consistency across all touchpoints.
Where Hertz uses each color
- Primary
Hertz Yellow is used for the logo, key buttons, and call-to-action highlights.
- Secondary
Hertz Black appears in navigation bars, text, and as a background for high-impact sections.
- Accent
Hertz White is used for backgrounds, icons, and to provide contrast against yellow and black.
- Backgrounds
White and light gray backgrounds are used throughout the website and app interfaces.
- Text
Black and dark gray are used for primary and secondary text, ensuring readability.
- Semantic
Green, red, and blue are used for success, error, and informational states in forms and notifications.
Hertz color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Hertz brand color is Hertz Yellow, with the hex code #FFD100.
Hertz Yellow (#FFD100) has an RGB value of 255, 209, 0 and a typical CMYK value of 0, 10, 100, 0.
Hertz uses several neutral tones in its UI, including Hertz Light Gray (#F6F6F6), Border Gray (#D9D9D6), and Muted Gray (#8C8C8C) for backgrounds, borders, and secondary text.
Hertz Yellow (#FFD100) and Black (#000000) should dominate key brand elements, while neutrals and semantic colors are reserved for backgrounds, text, and status indicators to maintain clarity and accessibility.
The secondary color is Hertz Black, #000000, and the accent is Hertz White, #FFFFFF. 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 Hertz's colors consistently when it generates UI.
Make something in the spirit of Hertz
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.