Yamaha color palette
AutomotiveYamaha's brand color system is defined by its iconic Yamaha Red, supported by a monochromatic palette of black, white, and grays for a bold, technical, and timeless look. The colors are used consistently across its automotive, motorcycle, and corporate branding.
yamaha-motor.comYamaha colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Yamaha RedPrimary230, 0, 18
- Yamaha BlackSecondary0, 0, 0
- Yamaha WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Yamaha Light GrayBackground245, 245, 245
- Yamaha Surface GraySurface229, 229, 229
- Yamaha Border GrayBorder204, 204, 204
Text
Three tiers of copy.- Yamaha CharcoalText34, 34, 34
- Yamaha Medium GraySecondary text85, 85, 85
- Yamaha Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- Yamaha Success GreenSuccess75, 181, 67
- Yamaha Warning YellowWarning255, 180, 0
- Yamaha Error RedError211, 47, 47
- Yamaha Info BlueInfo25, 118, 210
Use Yamaha's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
yamaha-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #FFFFFF;
--border: #CCCCCC;
--primary: #E60012;
--success: #4BB543;
--surface: #E5E5E5;
--warning: #FFB400;
--secondary: #000000;
--text-muted: #888888;
--background: #F5F5F5;
--text-primary: #222222;
--text-secondary: #555555;
}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
6.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.9:1
Pass
Muted text on background
Needs 3:1 for large text
3.3:1
Pass
Muted text on surface
Needs 3:1 for large text
2.8:1
Fail
Yamaha gray and neutral colors
The quiet part of the Yamaha palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Yamaha Light GrayBackground
- HEX
- RGB
- HSL
- Yamaha Surface GraySurface
- HEX
- RGB
- HSL
- Yamaha Border GrayBorder
- HEX
- RGB
- HSL
- Yamaha CharcoalText
- HEX
- RGB
- HSL
- Yamaha Medium GraySecondary text
- HEX
- RGB
- HSL
- Yamaha Muted GrayMuted text
- HEX
- RGB
- HSL
About Yamaha's colors
Yamaha's palette is anchored by a vivid red, symbolizing passion and energy, complemented by black, white, and neutral grays for clarity and professionalism. The color system is minimal, emphasizing contrast and brand recognition.
Primary red contrasts with black and white for maximum visibility.
Grays provide neutral backgrounds and surfaces.
Accent colors are used sparingly to highlight actions or status.
Psychology
Yamaha Red conveys excitement, power, and confidence, aligning with the brand's performance-driven identity. The use of black and gray tones reinforces reliability and technical precision.
Evolution
Yamaha's color palette has remained consistent over decades, with Yamaha Red as the enduring core. Minor adjustments to gray tones have modernized the UI, but the fundamental scheme is stable.
Where Yamaha uses each color
- Primary
Yamaha Red is used for the logo, key buttons, and highlights in digital and print materials.
- Secondary
Yamaha Black appears in headers, navigation bars, and product labeling.
- Accent
Yamaha White is used for backgrounds, text, and negative space to ensure clarity.
- Backgrounds
Yamaha Light Gray is the default background for web pages and app screens.
- Text
Yamaha Charcoal and Medium Gray are used for primary and secondary text across digital platforms.
- Semantic
Success, warning, error, and info colors are used for status indicators and notifications in digital interfaces.
Yamaha color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Yamaha brand color is Yamaha Red, with the hex code #E60012.
Yamaha Red is RGB(230, 0, 18) and typically CMYK(0, 100, 92, 10) in print applications.
Yamaha uses a range of grays such as Yamaha Light Gray (#F5F5F5), Surface Gray (#E5E5E5), and Border Gray (#CCCCCC) for backgrounds and UI elements.
Yamaha Red (#E60012) should be reserved for key brand elements and calls to action, while black, white, and grays provide structure and readability throughout the interface.
The secondary color is Yamaha Black, #000000, and the accent is Yamaha White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
5 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 Yamaha's colors consistently when it generates UI.
Make something in the spirit of Yamaha
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.