Epic Games color palette
GamingEpic Games uses a monochromatic color palette centered around deep grays and black, emphasizing clarity and professionalism in its gaming ecosystem. The brand identity relies on high-contrast neutrals for a modern, minimalistic look.
epicgames.comEpic Games colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Epic CharcoalPrimary49, 49, 49
- Epic BlackSecondary18, 18, 18
- Epic WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Epic Dark GrayBackground24, 24, 24
- Epic Surface GraySurface35, 35, 35
- Epic Border GrayBorder68, 68, 68
Text
Three tiers of copy.- Epic Text WhiteText255, 255, 255
- Epic Text GraySecondary text179, 179, 179
- Epic Muted GrayMuted text122, 122, 122
Semantic
Feedback and state colors.- Epic Success GreenSuccess63, 185, 80
- Epic Warning YellowWarning247, 181, 0
- Epic Error RedError229, 72, 77
- Epic Info BlueInfo55, 148, 255
Use Epic Games's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
epic-games-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3794FF;
--error: #E5484D;
--accent: #FFFFFF;
--border: #444444;
--primary: #313131;
--success: #3FB950;
--surface: #232323;
--warning: #F7B500;
--secondary: #121212;
--text-muted: #7A7A7A;
--background: #181818;
--text-primary: #FFFFFF;
--text-secondary: #B3B3B3;
}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.8:1
Pass
Text on surface
Needs 4.5:1 for body text
15.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.5:1
Pass
Muted text on background
Needs 3:1 for large text
4.1:1
Pass
Muted text on surface
Needs 3:1 for large text
3.7:1
Pass
Epic Games gray, dark and neutral colors
Epic Games 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.
- Epic Dark GrayBackground
- HEX
- RGB
- HSL
- Epic Surface GraySurface
- HEX
- RGB
- HSL
- Epic Border GrayBorder
- HEX
- RGB
- HSL
- Epic Text WhiteText
- HEX
- RGB
- HSL
- Epic Text GraySecondary text
- HEX
- RGB
- HSL
- Epic Muted GrayMuted text
- HEX
- RGB
- HSL
About Epic Games's colors
Epic Games' palette is rooted in grayscale tones, creating a neutral and versatile visual identity. The use of black, white, and gray ensures content and UI elements remain the focus.
Monochromatic scheme with subtle accent colors
High contrast between text and backgrounds
Accent colors reserved for status and feedback
Psychology
The grayscale palette conveys professionalism, reliability, and a focus on content. Accent colors are used sparingly to draw attention to important actions or statuses.
Evolution
Epic Games' color palette has remained largely stable, with minor adjustments to gray values for improved accessibility and contrast. The brand has consistently favored a minimalistic, monochrome approach.
Where Epic Games uses each color
- Primary
Epic Charcoal is used for the main navigation bars and key UI backgrounds.
- Secondary
Epic Black appears in headers, footers, and modal overlays.
- Accent
Epic White is used for logos, icons, and primary buttons.
- Backgrounds
Epic Dark Gray serves as the main app and website background.
- Text
Epic Text White is used for primary text, while Epic Text Gray and Epic Muted Gray are used for secondary and disabled text.
- Semantic
Success, warning, error, and info colors are used for notification banners, status indicators, and feedback messages.
Epic Games color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Epic Games primary color is #313131. This is referred to as Epic Charcoal in the brand's color system.
Epic Charcoal (#313131) in RGB is (49, 49, 49). For CMYK, it is approximately (0, 0, 0, 81).
Yes, Epic Games relies heavily on dark and neutral tones such as Epic Black (#121212), Epic Dark Gray (#181818), and Epic Surface Gray (#232323) throughout its UI. These colors provide a modern, high-contrast interface.
Use Epic Charcoal (#313131) and Epic Black (#121212) for primary backgrounds, with Epic White (#FFFFFF) for text and icons. Accent and semantic colors should be reserved for interactive elements and status indicators.
The secondary color is Epic Black, #121212, and the accent is Epic White, #FFFFFF. 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 Epic Games's colors consistently when it generates UI.
Make something in the spirit of Epic Games
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.