Jaguar color palette
AutomotiveJaguar's color identity is defined by a sophisticated palette centered on white, deep metallic tones, and dark grays, reflecting luxury and performance. The brand's colors are used consistently across digital and print materials to evoke elegance and modernity.
jaguar.comJaguar colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Jaguar WhitePrimary255, 255, 255
- Jaguar Onyx BlackSecondary21, 21, 30
- Jaguar Racing GreenAccent0, 102, 94
Surfaces
Page, cards and dividers.- Jaguar GraphiteBackground24, 24, 24
- Jaguar CharcoalSurface34, 34, 40
- Jaguar Steel GrayBorder59, 59, 59
Text
Three tiers of copy.- Jaguar White TextText255, 255, 255
- Jaguar Silver GraySecondary text178, 178, 178
- Jaguar SlateMuted text124, 124, 124
Semantic
Feedback and state colors.- Jaguar Success GreenSuccess58, 157, 93
- Jaguar AmberWarning214, 163, 0
- Jaguar CrimsonError179, 27, 27
- Jaguar Deep TealInfo0, 122, 153
Use Jaguar's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
jaguar-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #007A99;
--error: #B31B1B;
--accent: #00665E;
--border: #3B3B3B;
--primary: #FFFFFF;
--success: #3A9D5D;
--surface: #222228;
--warning: #D6A300;
--secondary: #15151E;
--text-muted: #7C7C7C;
--background: #181818;
--text-primary: #FFFFFF;
--text-secondary: #B2B2B2;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.8:1
Pass
Text on surface
Needs 4.5:1 for body text
15.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.5:1
Pass
Muted text on background
Needs 3:1 for large text
4.3:1
Pass
Muted text on surface
Needs 3:1 for large text
3.8:1
Pass
Jaguar gray, dark and neutral colors
Jaguar runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Jaguar GraphiteBackground
- HEX
- RGB
- HSL
- Jaguar CharcoalSurface
- HEX
- RGB
- HSL
- Jaguar Steel GrayBorder
- HEX
- RGB
- HSL
- Jaguar White TextText
- HEX
- RGB
- HSL
- Jaguar Silver GraySecondary text
- HEX
- RGB
- HSL
- Jaguar SlateMuted text
- HEX
- RGB
- HSL
About Jaguar's colors
Jaguar's palette is built on high-contrast neutrals and a signature green accent, evoking luxury and British heritage. The use of deep blacks and metallic tones conveys sophistication and power.
Primary white contrasts with deep blacks for clarity.
Racing Green accent highlights calls to action and heritage.
Grays and charcoals unify backgrounds and surfaces.
Psychology
The dominant white and black tones communicate exclusivity and timelessness, while the green accent signals performance and tradition. The palette is designed to appeal to a sense of refinement and confidence.
Evolution
Jaguar's color palette has remained largely stable, with minor refinements to the green accent and dark neutrals for digital clarity. The core identity of white, black, and green has been consistent since the brand's modern relaunch.
Where Jaguar uses each color
- Primary
Jaguar White is used for backgrounds and prominent content areas across digital and print.
- Secondary
Jaguar Onyx Black appears in navigation bars, footers, and vehicle imagery backgrounds.
- Accent
Jaguar Racing Green is reserved for buttons, highlights, and brand marks.
- Backgrounds
Jaguar Graphite and Charcoal are used for UI backgrounds and overlays.
- Text
Jaguar White Text and Silver Gray are used for primary and secondary text, with Slate for muted or disabled states.
- Semantic
Success Green, Amber, Crimson, and Deep Teal are used for status indicators and notifications in digital interfaces.
Jaguar color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Jaguar primary color hex code is #FFFFFF. This is used as the main background and text color in brand materials.
Jaguar White (#FFFFFF) is RGB(255, 255, 255) and CMYK(0, 0, 0, 0). It is a pure white used for clarity and contrast.
Jaguar uses Onyx Black (#15151E), Graphite (#181818), Charcoal (#222228), Steel Gray (#3B3B3B), Silver Gray (#B2B2B2), and Slate (#7C7C7C) for backgrounds, surfaces, and text. These tones provide depth and a premium feel in UI and print.
Use Jaguar White (#FFFFFF) for main backgrounds and text, Onyx Black (#15151E) for navigation and key surfaces, and Racing Green (#00665E) for accents and highlights. Grays and semantic colors are reserved for supporting UI elements and status indicators.
The secondary color is Jaguar Onyx Black, #15151E, and the accent is Jaguar Racing Green, #00665E. 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 Jaguar's colors consistently when it generates UI.
Make something in the spirit of Jaguar
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.