Ubisoft color palette
GamingUbisoft's color identity is centered on a bold black primary, complemented by crisp white and a spectrum of cool grays for a modern, minimal look. The palette is designed for high contrast and clarity across digital and print applications.
ubisoft.comUbisoft colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Ubisoft BlackPrimary0, 0, 0
- Ubisoft WhiteSecondary255, 255, 255
- Ubisoft CyanAccent0, 174, 239
Surfaces
Page, cards and dividers.- Ubisoft CharcoalBackground24, 26, 27
- Ubisoft GraphiteSurface35, 39, 42
- Ubisoft Light GrayBorder206, 208, 210
Text
Three tiers of copy.- Ubisoft Text WhiteText255, 255, 255
- Ubisoft Text GraySecondary text176, 179, 184
- Ubisoft Muted GrayMuted text138, 141, 144
Semantic
Feedback and state colors.- Ubisoft Success GreenSuccess111, 207, 151
- Ubisoft Warning YellowWarning242, 201, 76
- Ubisoft Error RedError235, 87, 87
- Ubisoft Info BlueInfo86, 204, 242
Use Ubisoft's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ubisoft-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #56CCF2;
--error: #EB5757;
--accent: #00AEEF;
--border: #CED0D2;
--primary: #000000;
--success: #6FCF97;
--surface: #23272A;
--warning: #F2C94C;
--secondary: #FFFFFF;
--text-muted: #8A8D90;
--background: #181A1B;
--text-primary: #FFFFFF;
--text-secondary: #B0B3B8;
}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.5:1
Pass
Text on surface
Needs 4.5:1 for body text
15.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.2:1
Pass
Muted text on background
Needs 3:1 for large text
5.2:1
Pass
Muted text on surface
Needs 3:1 for large text
4.5:1
Pass
Ubisoft gray, dark and neutral colors
Ubisoft 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.
- Ubisoft CharcoalBackground
- HEX
- RGB
- HSL
- Ubisoft GraphiteSurface
- HEX
- RGB
- HSL
- Ubisoft Light GrayBorder
- HEX
- RGB
- HSL
- Ubisoft Text WhiteText
- HEX
- RGB
- HSL
- Ubisoft Text GraySecondary text
- HEX
- RGB
- HSL
- Ubisoft Muted GrayMuted text
- HEX
- RGB
- HSL
About Ubisoft's colors
Ubisoft's palette is monochromatic at its core, using black, white, and cool grays for a clean, modern interface. Accent cyan and functional colors add clarity and hierarchy.
Primary black contrasts with white for maximum legibility.
Accent cyan is used sparingly for highlights and calls to action.
Functional colors (green, yellow, red, blue) provide clear status indications.
Psychology
The dominant black conveys sophistication, authority, and a sense of mystery, fitting for a global gaming brand. Cyan and blue accents evoke technology and innovation.
Evolution
Ubisoft's palette has remained stable since its 2017 rebrand, focusing on simplicity and high contrast. Earlier versions used more blue and gradients, but the current system is more minimal and digital-friendly.
Where Ubisoft uses each color
- Primary
Ubisoft Black is used for the logo, headers, and main navigation backgrounds.
- Secondary
Ubisoft White appears in backgrounds, text, and UI elements for contrast.
- Accent
Ubisoft Cyan highlights interactive elements like links and buttons.
- Backgrounds
Ubisoft Charcoal and Graphite are used for app screens, overlays, and modal backgrounds.
- Text
Text White, Text Gray, and Muted Gray are used for primary, secondary, and disabled text states.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for notifications, alerts, and status indicators.
Ubisoft color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Ubisoft primary color is #000000, known as Ubisoft Black. This is used for the logo and key brand elements.
Ubisoft Black (#000000) in RGB is (0, 0, 0) and in CMYK is (0, 0, 0, 100). Use this exact value for all primary branding.
Ubisoft uses Charcoal (#181A1B), Graphite (#23272A), Light Gray (#CED0D2), Text Gray (#B0B3B8), and Muted Gray (#8A8D90) throughout its UI. These provide structure and hierarchy while maintaining a minimal aesthetic.
Use Ubisoft Black (#000000) for primary branding, with White (#FFFFFF) and grays for backgrounds and surfaces. Accent Cyan (#00AEEF) and semantic colors are reserved for highlights, actions, and status indicators.
The secondary color is Ubisoft White, #FFFFFF, and the accent is Ubisoft Cyan, #00AEEF. 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 Ubisoft's colors consistently when it generates UI.
Make something in the spirit of Ubisoft
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.