Mitsubishi color palette
AutomotiveMitsubishi's color identity is defined by its iconic vivid red, complemented by a monochromatic palette of dark grays, black, and white. The brand's visual system emphasizes clarity, strength, and precision, reflecting its automotive heritage.
mitsubishi-motors.comMitsubishi colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Mitsubishi RedPrimary230, 0, 18
- Mitsubishi BlackSecondary35, 31, 32
- Mitsubishi SilverAccent167, 168, 170
Surfaces
Page, cards and dividers.- Mitsubishi WhiteBackground255, 255, 255
- Mitsubishi Light GraySurface245, 245, 245
- Mitsubishi Border GrayBorder209, 211, 212
Text
Three tiers of copy.- Mitsubishi BlackText35, 31, 32
- Mitsubishi Dark GraySecondary text109, 110, 113
- Mitsubishi SilverMuted text167, 168, 170
Semantic
Feedback and state colors.- Mitsubishi Success GreenSuccess67, 176, 71
- Mitsubishi Warning OrangeWarning245, 166, 35
- Mitsubishi RedError230, 0, 18
- Mitsubishi Info BlueInfo0, 113, 188
Use Mitsubishi's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
mitsubishi-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0071BC;
--error: #E60012;
--accent: #A7A8AA;
--border: #D1D3D4;
--primary: #E60012;
--success: #43B047;
--surface: #F5F5F5;
--warning: #F5A623;
--secondary: #231F20;
--text-muted: #A7A8AA;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #6D6E71;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.3:1
Pass
Text on surface
Needs 4.5:1 for body text
15.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Mitsubishi gray and neutral colors
The quiet part of the Mitsubishi palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Mitsubishi WhiteBackground
- HEX
- RGB
- HSL
- Mitsubishi Light GraySurface
- HEX
- RGB
- HSL
- Mitsubishi Border GrayBorder
- HEX
- RGB
- HSL
- Mitsubishi BlackText
- HEX
- RGB
- HSL
- Mitsubishi Dark GraySecondary text
- HEX
- RGB
- HSL
- Mitsubishi SilverMuted text
- HEX
- RGB
- HSL
About Mitsubishi's colors
Mitsubishi's palette centers on a bold, saturated red contrasted with strong neutrals, supporting a sense of reliability and innovation. The use of monochrome grays and black reinforces the brand's technical and robust image.
Red is paired with black and white for maximum contrast.
Neutral grays provide balance and hierarchy in UI.
Accent colors are used sparingly for clarity and emphasis.
Psychology
Red conveys energy, passion, and confidence, aligning with Mitsubishi's automotive spirit. The monochrome neutrals suggest professionalism, stability, and trust.
Evolution
Mitsubishi's red has remained consistent for decades, serving as a core identifier. The supporting palette has evolved slightly to modernize UI elements but retains a focus on grayscale neutrality.
Where Mitsubishi uses each color
- Primary
Mitsubishi Red is used in the logo, key calls to action, and major highlights across digital and print materials.
- Secondary
Mitsubishi Black appears in navigation bars, footers, and as a background for text.
- Accent
Mitsubishi Silver is used for subtle dividers, icons, and secondary buttons.
- Backgrounds
Mitsubishi White and Light Gray are used for page backgrounds and content areas.
- Text
Mitsubishi Black and Dark Gray are used for primary and secondary text, while Silver is used for muted or disabled text.
- Semantic
Success Green, Warning Orange, and Error Red are used for status indicators and alerts in digital interfaces.
Mitsubishi color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Mitsubishi primary color hex code is #E60012. This red is used for the logo and key brand elements.
Mitsubishi Red (#E60012) has an RGB value of (230, 0, 18) and a typical CMYK equivalent of (0, 100, 92, 10).
Mitsubishi uses a range of grays: Mitsubishi Black (#231F20), Dark Gray (#6D6E71), Silver (#A7A8AA), and Border Gray (#D1D3D4). These are used for UI backgrounds, borders, and text.
Use Mitsubishi Red (#E60012) for primary branding and accents, with neutrals like Black (#231F20) and White (#FFFFFF) for backgrounds and text. Accent and semantic colors should be used sparingly to maintain clarity.
The secondary color is Mitsubishi Black, #231F20, and the accent is Mitsubishi Silver, #A7A8AA. 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 Mitsubishi's colors consistently when it generates UI.
Make something in the spirit of Mitsubishi
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.