Farfetch color palette
EcommerceFarfetch employs a minimalist color system centered on black, white, and neutral greys, reflecting its luxury fashion positioning. The palette is designed for clarity and sophistication across digital and print touchpoints.
farfetch.comFarfetch colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Farfetch BlackPrimary0, 0, 0
- Farfetch WhiteSecondary255, 255, 255
- Farfetch CoralAccent255, 111, 97
Surfaces
Page, cards and dividers.- Farfetch Light GreyBackground245, 245, 245
- Farfetch Surface GreySurface237, 237, 237
- Farfetch Border GreyBorder214, 214, 214
Text
Three tiers of copy.- Farfetch Black TextText0, 0, 0
- Farfetch Medium Grey TextSecondary text102, 102, 102
- Farfetch Muted Grey TextMuted text153, 153, 153
Semantic
Feedback and state colors.- Farfetch Success GreenSuccess0, 158, 95
- Farfetch Warning YellowWarning255, 180, 0
- Farfetch Error RedError224, 32, 32
- Farfetch Info BlueInfo0, 112, 243
Use Farfetch's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
farfetch-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0070F3;
--error: #E02020;
--accent: #FF6F61;
--border: #D6D6D6;
--primary: #000000;
--success: #009E5F;
--surface: #EDEDED;
--warning: #FFB400;
--secondary: #FFFFFF;
--text-muted: #999999;
--background: #F5F5F5;
--text-primary: #000000;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
19.3:1
Pass
Text on surface
Needs 4.5:1 for body text
17.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.9:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Farfetch gray and neutral colors
The quiet part of the Farfetch palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Farfetch Light GreyBackground
- HEX
- RGB
- HSL
- Farfetch Surface GreySurface
- HEX
- RGB
- HSL
- Farfetch Border GreyBorder
- HEX
- RGB
- HSL
- Farfetch Black TextText
- HEX
- RGB
- HSL
- Farfetch Medium Grey TextSecondary text
- HEX
- RGB
- HSL
- Farfetch Muted Grey TextMuted text
- HEX
- RGB
- HSL
About Farfetch's colors
Farfetch's palette is rooted in monochrome and neutral tones, with subtle accent colors for interactive elements. This approach emphasizes product imagery and luxury branding.
Primary black and white create high contrast for readability.
Greys are used for UI structure and hierarchy.
Accent coral highlights calls to action and notifications.
Psychology
The black and white foundation conveys sophistication and timelessness, aligning with luxury fashion. Accent colors add warmth and clarity for user interactions.
Evolution
Farfetch's color palette has remained largely stable, focusing on monochrome and neutral tones since its inception. Occasional accent updates have been made to modernize the UI without altering the core identity.
Where Farfetch uses each color
- Primary
Used for logo, navigation bar, and primary text.
- Secondary
Applied to backgrounds and negative space throughout the site.
- Accent
Highlights buttons, links, and promotional banners.
- Backgrounds
Light grey backgrounds are used for content areas and cards.
- Text
Black and grey tones are used for all text, with hierarchy indicated by shade.
- Semantic
Green, yellow, red, and blue are used for status indicators, alerts, and notifications.
Farfetch color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Farfetch primary color is #000000. This black is used for the logo and main text.
Farfetch Black (#000000) in RGB is (0, 0, 0) and in CMYK is (0, 0, 0, 100).
Farfetch uses a range of greys including #F5F5F5 (Light Grey), #EDEDED (Surface Grey), #D6D6D6 (Border Grey), #666666 (Medium Grey Text), and #999999 (Muted Grey Text). These support structure and readability.
Primary black (#000000) and white (#FFFFFF) should dominate, with greys for UI elements and coral (#FF6F61) reserved for accents. Semantic colors are only for status and feedback elements.
The secondary color is Farfetch White, #FFFFFF, and the accent is Farfetch Coral, #FF6F61. Together with the primary they make up the three brand colors at the top of this page.
4 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 Farfetch's colors consistently when it generates UI.
Make something in the spirit of Farfetch
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.