FX color palette
MediaFX uses a bold, high-contrast color palette centered on black and white, with a signature metallic silver accent. The brand identity is minimalistic and monochrome, reflecting the network's edgy and cinematic programming.
fxnetworks.comFX colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- FX BlackPrimary0, 0, 0
- FX WhiteSecondary255, 255, 255
- FX SilverAccent177, 179, 179
Surfaces
Page, cards and dividers.- FX CharcoalBackground22, 22, 22
- FX SlateSurface35, 35, 35
- FX GraphiteBorder68, 68, 68
Text
Three tiers of copy.- FX White TextText255, 255, 255
- FX Silver TextSecondary text177, 179, 179
- FX Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- FX Success GreenSuccess75, 181, 67
- FX Warning YellowWarning255, 194, 14
- FX Error RedError215, 38, 61
- FX Info BlueInfo32, 150, 243
Use FX's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
fx-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2096F3;
--error: #D7263D;
--accent: #B1B3B3;
--border: #444444;
--primary: #000000;
--success: #4BB543;
--surface: #232323;
--warning: #FFC20E;
--secondary: #FFFFFF;
--text-muted: #888888;
--background: #161616;
--text-primary: #FFFFFF;
--text-secondary: #B1B3B3;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
18.1: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.6: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
5.1:1
Pass
Muted text on surface
Needs 3:1 for large text
4.4:1
Pass
FX gray, dark and neutral colors
FX 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.
- FX CharcoalBackground
- HEX
- RGB
- HSL
- FX SlateSurface
- HEX
- RGB
- HSL
- FX GraphiteBorder
- HEX
- RGB
- HSL
- FX White TextText
- HEX
- RGB
- HSL
- FX Silver TextSecondary text
- HEX
- RGB
- HSL
- FX Muted GrayMuted text
- HEX
- RGB
- HSL
About FX's colors
FX's palette is rooted in monochrome, using black and white to create a cinematic, high-impact look. Silver accentuates the modern, premium feel.
Primary black and white provide strong contrast.
Silver accent adds depth and a metallic edge.
Minimal color use keeps focus on content.
Psychology
Black conveys sophistication, authority, and drama, aligning with FX's mature programming. Silver and white introduce clarity and a sense of modernity.
Evolution
FX has maintained a consistent black-and-white palette since its 2013 rebrand, with silver introduced as a subtle accent. The palette has remained stable, reinforcing brand recognition.
Where FX uses each color
- Primary
FX Black is used for the logo, navigation bars, and backgrounds.
- Secondary
FX White appears in text, logos, and negative space.
- Accent
FX Silver is used for highlights, UI accents, and promotional graphics.
- Backgrounds
FX Charcoal and Slate are used for app screens and web backgrounds.
- Text
FX White Text is standard for headings and body copy, with Silver and Muted Gray for secondary or disabled text.
- Semantic
FX Success Green, Warning Yellow, Error Red, and Info Blue are used for alerts and status indicators in digital interfaces.
FX color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary FX brand color is black, with the official hex code #000000.
FX Black is #000000, which is RGB(0,0,0) and CMYK(0,0,0,100).
FX uses several neutral tones: FX Charcoal (#161616), FX Slate (#232323), FX Graphite (#444444), and FX Muted Gray (#888888) for backgrounds and borders.
Use FX Black and FX White for primary backgrounds and text, with FX Silver for accents and highlights. Semantic colors are reserved for status indicators and alerts.
The secondary color is FX White, #FFFFFF, and the accent is FX Silver, #B1B3B3. 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 FX's colors consistently when it generates UI.
Make something in the spirit of FX
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.