Unity color palette
GamingUnity's color identity is built around a clean, monochromatic palette with white as the primary color, complemented by deep grays and black. This minimalistic approach emphasizes clarity and neutrality, supporting a wide range of creative content.
unity.comUnity colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Unity WhitePrimary255, 255, 255
- Unity CharcoalSecondary34, 44, 55
- Unity BlueAccent0, 185, 255
Surfaces
Page, cards and dividers.- Unity BlackBackground24, 26, 27
- Unity Surface GraySurface35, 38, 41
- Unity Border GrayBorder60, 67, 74
Text
Three tiers of copy.- Unity Text WhiteText255, 255, 255
- Unity Text GraySecondary text182, 189, 196
- Unity Muted GrayMuted text122, 130, 136
Semantic
Feedback and state colors.- Unity Success GreenSuccess63, 185, 80
- Unity Warning YellowWarning255, 211, 61
- Unity Error RedError248, 81, 73
- Unity Info BlueInfo0, 185, 255
Use Unity's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
unity-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B9FF;
--error: #F85149;
--accent: #00B9FF;
--border: #3C434A;
--primary: #FFFFFF;
--success: #3FB950;
--surface: #232629;
--warning: #FFD33D;
--secondary: #222C37;
--text-muted: #7A8288;
--background: #181A1B;
--text-primary: #FFFFFF;
--text-secondary: #B6BDC4;
}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.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
9.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.0:1
Pass
Muted text on background
Needs 3:1 for large text
4.5:1
Pass
Muted text on surface
Needs 3:1 for large text
3.9:1
Pass
Unity gray, dark and neutral colors
Unity 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.
- Unity BlackBackground
- HEX
- RGB
- HSL
- Unity Surface GraySurface
- HEX
- RGB
- HSL
- Unity Border GrayBorder
- HEX
- RGB
- HSL
- Unity Text WhiteText
- HEX
- RGB
- HSL
- Unity Text GraySecondary text
- HEX
- RGB
- HSL
- Unity Muted GrayMuted text
- HEX
- RGB
- HSL
About Unity's colors
Unity’s palette is monochromatic with strategic use of blue for highlights and status. The neutral foundation ensures content stands out while maintaining a professional, modern feel.
Primary white contrasts with deep charcoal backgrounds.
Accent blue is reserved for interactive elements and highlights.
Grays provide hierarchy and separation in UI components.
Psychology
The use of white and dark neutrals conveys clarity, professionalism, and flexibility. Blue accents add a sense of trust and innovation without overwhelming the interface.
Evolution
Unity’s palette has remained consistent, focusing on neutral tones to support diverse content. Minor adjustments to accent and gray tones have been made to improve accessibility and modernize the UI.
Where Unity uses each color
- Primary
Used for logos, primary navigation backgrounds, and key UI elements.
- Secondary
Appears in sidebars, tool panels, and secondary navigation.
- Accent
Highlights buttons, links, and interactive states across the platform.
- Backgrounds
Forms the base of editor interfaces and web backgrounds.
- Text
Primary text is white on dark backgrounds; secondary and muted grays are used for less prominent information.
- Semantic
Green, yellow, and red are used for status indicators such as success, warnings, and errors.
Unity color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Unity primary color hex code is #FFFFFF. This is used for the logo and key UI elements.
Unity White (#FFFFFF) is RGB(255, 255, 255) and CMYK(0, 0, 0, 0). These values are standard for pure white.
Unity uses several official grays: Unity Charcoal (#222C37), Unity Surface Gray (#232629), and Unity Border Gray (#3C434A). These provide structure and hierarchy in the UI.
Use Unity White (#FFFFFF) for primary elements and backgrounds, with grays for surfaces and borders. Accent blue (#00B9FF) is reserved for interactive highlights and should not dominate the interface.
The secondary color is Unity Charcoal, #222C37, and the accent is Unity Blue, #00B9FF. 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 Unity's colors consistently when it generates UI.
Make something in the spirit of Unity
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.