Ducati color palette
AutomotiveDucati's color identity is defined by its iconic, vibrant red, paired with deep blacks, crisp whites, and metallic greys that reflect its racing heritage and Italian design. The palette is bold, minimal, and instantly recognizable in the automotive world.
ducati.comDucati colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Ducati RedPrimary204, 0, 0
- Ducati BlackSecondary0, 0, 0
- Ducati WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Ducati Light GreyBackground245, 245, 245
- Ducati Panel GreySurface229, 229, 229
- Ducati Border GreyBorder179, 179, 179
Text
Three tiers of copy.- Ducati CharcoalText34, 34, 34
- Ducati Medium GreySecondary text102, 102, 102
- Ducati Muted GreyMuted text153, 153, 153
Semantic
Feedback and state colors.- Ducati Success GreenSuccess76, 176, 80
- Ducati Warning YellowWarning255, 179, 0
- Ducati Error RedError211, 47, 47
- Ducati Info BlueInfo25, 118, 210
Use Ducati's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ducati-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #FFFFFF;
--border: #B3B3B3;
--primary: #CC0000;
--success: #4CB050;
--surface: #E5E5E5;
--warning: #FFB300;
--secondary: #000000;
--text-muted: #999999;
--background: #F5F5F5;
--text-primary: #222222;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.6:1
Pass
Text on surface
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.6:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Ducati gray and neutral colors
The quiet part of the Ducati palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Ducati Light GreyBackground
- HEX
- RGB
- HSL
- Ducati Panel GreySurface
- HEX
- RGB
- HSL
- Ducati Border GreyBorder
- HEX
- RGB
- HSL
- Ducati CharcoalText
- HEX
- RGB
- HSL
- Ducati Medium GreySecondary text
- HEX
- RGB
- HSL
- Ducati Muted GreyMuted text
- HEX
- RGB
- HSL
About Ducati's colors
Ducati's palette is anchored by a vivid red, supported by high-contrast neutrals and metallic-inspired greys. The system is designed for maximum legibility and brand recognition across digital and physical applications.
Primary red contrasts with black and white for strong visual hierarchy.
Greys provide balance and structure in UI elements.
Accent colors are used sparingly to highlight actions and information.
Psychology
Ducati Red evokes passion, speed, and Italian heritage, reinforcing the brand's racing DNA. The use of black and grey conveys sophistication and technical precision.
Evolution
Ducati's color palette has remained largely stable over decades, with Ducati Red at its core. Minor adjustments to grey tones and accent colors have been made for digital clarity and accessibility.
Where Ducati uses each color
- Primary
Ducati Red is used for the logo, primary buttons, and key highlights on vehicles and digital interfaces.
- Secondary
Ducati Black appears in navigation bars, footers, and as a background for the logo.
- Accent
Ducati White is used for text on red or black backgrounds, and for clean, minimal layouts.
- Backgrounds
Ducati Light Grey serves as the main page background in digital applications.
- Text
Ducati Charcoal and Medium Grey are used for primary and secondary text throughout the website and documentation.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for alerts, status indicators, and notifications in digital products.
Ducati color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Ducati primary color hex code is #CC0000. This is known as 'Ducati Red' and is used across all brand materials.
Ducati Red (#CC0000) has RGB values of 204, 0, 0 and CMYK values of 0, 100, 100, 20. Always use the official hex for digital applications.
Ducati uses a range of greys including Ducati Light Grey (#F5F5F5), Panel Grey (#E5E5E5), Border Grey (#B3B3B3), and Charcoal (#222222) for backgrounds, surfaces, borders, and text.
Use Ducati Red (#CC0000) for primary actions and branding, with black and white for contrast and clarity. Greys support structure and hierarchy, while semantic colors are reserved for status and alerts.
The secondary color is Ducati Black, #000000, and the accent is Ducati White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
4 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 Ducati's colors consistently when it generates UI.
Make something in the spirit of Ducati
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.