Bandai Namco color palette
GamingBandai Namco's brand identity is defined by a vibrant, energetic palette centered around its signature yellow and magenta, reflecting its playful and innovative spirit in gaming and entertainment. The color system is bold and distinctive, with clear UI neutrals and strong text contrasts.
bandainamco.co.jpBandai Namco colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Bandai Namco MagentaPrimary255, 0, 60
- Bandai Namco YellowSecondary255, 217, 0
- Bandai Namco OrangeAccent255, 130, 0
Surfaces
Page, cards and dividers.- Bandai Namco WhiteBackground255, 255, 255
- Bandai Namco Light GraySurface245, 245, 245
- Bandai Namco Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Bandai Namco CharcoalText34, 34, 34
- Bandai Namco Medium GraySecondary text85, 85, 85
- Bandai Namco Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- Bandai Namco Success GreenSuccess122, 201, 67
- Bandai Namco YellowWarning255, 217, 0
- Bandai Namco MagentaError255, 0, 60
- Bandai Namco BlueInfo0, 159, 227
Use Bandai Namco's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bandai-namco-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FE3;
--error: #FF003C;
--accent: #FF8200;
--border: #E0E0E0;
--primary: #FF003C;
--success: #7AC943;
--surface: #F5F5F5;
--warning: #FFD900;
--secondary: #FFD900;
--text-muted: #888888;
--background: #FFFFFF;
--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
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.8:1
Pass
Muted text on background
Needs 3:1 for large text
3.5:1
Pass
Muted text on surface
Needs 3:1 for large text
3.3:1
Pass
Bandai Namco gray and neutral colors
The quiet part of the Bandai Namco palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Bandai Namco WhiteBackground
- HEX
- RGB
- HSL
- Bandai Namco Light GraySurface
- HEX
- RGB
- HSL
- Bandai Namco Border GrayBorder
- HEX
- RGB
- HSL
- Bandai Namco CharcoalText
- HEX
- RGB
- HSL
- Bandai Namco Medium GraySecondary text
- HEX
- RGB
- HSL
- Bandai Namco Muted GrayMuted text
- HEX
- RGB
- HSL
About Bandai Namco's colors
Bandai Namco's palette uses high-contrast, saturated colors to convey energy and fun, anchored by a distinctive magenta and yellow. The supporting neutrals ensure clarity and readability in digital and print applications.
Primary magenta and yellow are complementary and create strong visual impact.
Accent orange bridges the warmth between magenta and yellow.
Neutral grays and white provide balance and support for UI clarity.
Psychology
The magenta evokes excitement and creativity, while the yellow suggests optimism and approachability. Together, they make the brand feel playful, energetic, and welcoming.
Evolution
The Bandai Namco palette was unified in 2022 with the introduction of the new magenta logo, replacing the previous red and orange tones. The core colors have remained stable since, with minor adjustments to supporting neutrals for digital clarity.
Where Bandai Namco uses each color
- Primary
Used in the Bandai Namco logo, primary buttons, and key brand highlights.
- Secondary
Appears in logo outlines, navigation bars, and promotional banners.
- Accent
Used for call-to-action elements, highlights, and UI feedback states.
- Backgrounds
White and light gray backgrounds are used for web pages, app screens, and printed materials.
- Text
Charcoal and medium gray are used for primary and secondary text across all platforms.
- Semantic
Success green, warning yellow, error magenta, and info blue are used for status indicators and notifications.
Bandai Namco color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Bandai Namco primary brand color is magenta, hex code #FF003C.
Bandai Namco Magenta is RGB(255, 0, 60) and typically CMYK(0, 100, 76, 0) in print.
Bandai Namco uses #F5F5F5 for light gray surfaces, #E0E0E0 for borders, and #222222 for primary text.
Use magenta (#FF003C) for primary branding and actions, yellow (#FFD900) for highlights, and neutrals for backgrounds and text. Accent and semantic colors should be reserved for UI states and notifications.
The secondary color is Bandai Namco Yellow, #FFD900, and the accent is Bandai Namco Orange, #FF8200. 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 Bandai Namco's colors consistently when it generates UI.
Make something in the spirit of Bandai Namco
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.