Fortnite color palette
GamingFortnite's color identity is defined by bold contrasts, primarily using black and white with vibrant purple and blue accents. The palette is designed for high visual impact and clear readability across digital and event experiences.
fortnite.comFortnite colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Fortnite BlackPrimary0, 0, 0
- Fortnite WhiteSecondary255, 255, 255
- Fortnite PurpleAccent145, 71, 255
Surfaces
Page, cards and dividers.- Fortnite Dark BackgroundBackground24, 24, 28
- Fortnite Surface GraySurface35, 35, 42
- Fortnite Border GrayBorder54, 54, 63
Text
Three tiers of copy.- Fortnite Text WhiteText255, 255, 255
- Fortnite Text GraySecondary text185, 185, 195
- Fortnite Muted GrayMuted text109, 109, 123
Semantic
Feedback and state colors.- Fortnite Success GreenSuccess56, 229, 77
- Fortnite Warning YellowWarning255, 214, 0
- Fortnite Error RedError255, 60, 60
- Fortnite Info BlueInfo0, 207, 255
Use Fortnite's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
fortnite-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00CFFF;
--error: #FF3C3C;
--accent: #9147FF;
--border: #36363F;
--primary: #000000;
--success: #38E54D;
--surface: #23232A;
--warning: #FFD600;
--secondary: #FFFFFF;
--text-muted: #6D6D7B;
--background: #18181C;
--text-primary: #FFFFFF;
--text-secondary: #B9B9C3;
}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.7:1
Pass
Text on surface
Needs 4.5:1 for body text
15.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
9.1: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
3.5:1
Pass
Muted text on surface
Needs 3:1 for large text
3.1:1
Pass
Fortnite gray, dark and neutral colors
Fortnite 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.
- Fortnite Dark BackgroundBackground
- HEX
- RGB
- HSL
- Fortnite Surface GraySurface
- HEX
- RGB
- HSL
- Fortnite Border GrayBorder
- HEX
- RGB
- HSL
- Fortnite Text WhiteText
- HEX
- RGB
- HSL
- Fortnite Text GraySecondary text
- HEX
- RGB
- HSL
- Fortnite Muted GrayMuted text
- HEX
- RGB
- HSL
About Fortnite's colors
Fortnite's palette is built on high-contrast neutrals with energetic accent colors for emphasis. The use of black and white ensures clarity, while purple and blue provide a distinctive, playful edge.
Primary black and white create strong contrast for legibility.
Purple accent is used for branding and highlights.
Blue and green are reserved for notifications and status indicators.
Psychology
The bold black and white combination conveys strength and simplicity, while the purple accent adds a sense of creativity and fun. The palette supports Fortnite's energetic and youthful brand image.
Evolution
Fortnite's color palette has remained largely consistent since launch, with black, white, and purple as core elements. Minor adjustments have been made to accent colors for seasonal events and collaborations.
Where Fortnite uses each color
- Primary
Used for the logo, navigation bars, and major backgrounds.
- Secondary
Applied to text, icons, and contrasting UI elements.
- Accent
Highlights calls to action, event banners, and interactive elements.
- Backgrounds
Dark gray backgrounds are used throughout the launcher and in-game menus.
- Text
White and gray tones are used for primary and secondary text across all interfaces.
- Semantic
Green, yellow, red, and blue are used for status indicators, alerts, and notifications.
Fortnite color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Fortnite primary color hex code is #000000. This black is used for the logo and main backgrounds.
Fortnite Black is #000000, which is RGB(0, 0, 0) and CMYK(0, 0, 0, 100).
Fortnite uses #18181C for dark backgrounds, #23232A for surfaces, #36363F for borders, #B9B9C3 for secondary text, and #6D6D7B for muted text. These neutrals ensure readability and a modern look.
Use #000000 and #FFFFFF for primary structure, #9147FF for accents, and neutrals for backgrounds and text. Reserve semantic colors like #38E54D, #FFD600, #FF3C3C, and #00CFFF for status and alerts.
The secondary color is Fortnite White, #FFFFFF, and the accent is Fortnite Purple, #9147FF. 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 Fortnite's colors consistently when it generates UI.
Make something in the spirit of Fortnite
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.