Fenty Beauty color palette
FashionFenty Beauty's color identity is defined by a sophisticated, neutral palette anchored by its signature 'Fenty Beauty Beige' and deep, rich blacks. The brand emphasizes inclusivity and modernity through understated, elegant tones.
fentybeauty.comFenty Beauty colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Fenty Beauty BeigePrimary246, 232, 215
- Fenty Beauty BlackSecondary35, 31, 32
- Fenty Soft TaupeAccent214, 191, 174
Surfaces
Page, cards and dividers.- Fenty WhiteBackground255, 255, 255
- Fenty Light SandSurface242, 239, 234
- Fenty Border BeigeBorder229, 222, 214
Text
Three tiers of copy.- Fenty Beauty BlackText35, 31, 32
- Fenty Medium TaupeSecondary text123, 115, 108
- Fenty Muted TaupeMuted text185, 177, 169
Semantic
Feedback and state colors.- Fenty Olive GreenSuccess184, 194, 167
- Fenty Warm GoldWarning246, 193, 119
- Fenty CoralError217, 109, 91
- Fenty Cool BlueInfo163, 183, 201
Use Fenty Beauty's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
fenty-beauty-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #A3B7C9;
--error: #D96D5B;
--accent: #D6BFAE;
--border: #E5DED6;
--primary: #F6E8D7;
--success: #B8C2A7;
--surface: #F2EFEA;
--warning: #F6C177;
--secondary: #231F20;
--text-muted: #B9B1A9;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #7B736C;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.3:1
Pass
Text on surface
Needs 4.5:1 for body text
14.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.1:1
Fail
Muted text on background
Needs 3:1 for large text
2.1:1
Fail
Muted text on surface
Needs 3:1 for large text
1.8:1
Fail
Fenty Beauty background, border and text colors
The quiet part of the Fenty Beauty palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Fenty WhiteBackground
- HEX
- RGB
- HSL
- Fenty Light SandSurface
- HEX
- RGB
- HSL
- Fenty Border BeigeBorder
- HEX
- RGB
- HSL
- Fenty Beauty BlackText
- HEX
- RGB
- HSL
- Fenty Medium TaupeSecondary text
- HEX
- RGB
- HSL
- Fenty Muted TaupeMuted text
- HEX
- RGB
- HSL
About Fenty Beauty's colors
Fenty Beauty's palette is rooted in warm neutrals and deep blacks, reflecting both inclusivity and luxury. The colors are chosen to complement a wide range of skin tones and evoke modern sophistication.
Primary beige pairs with deep black for high contrast.
Accent taupes and golds add warmth and depth.
Muted tones balance the palette for a soft, inclusive feel.
Psychology
The neutral beige and taupe tones evoke approachability, inclusivity, and understated elegance. Deep black communicates confidence and modernity, while gold and coral accents add vibrancy and warmth.
Evolution
Fenty Beauty's palette has remained consistent since launch, emphasizing its signature beige and black. The addition of accent neutrals and subtle colors has enhanced its versatility over time.
Where Fenty Beauty uses each color
- Primary
Used in packaging, website backgrounds, and hero sections.
- Secondary
Applied to navigation bars, typography, and logo.
- Accent
Seen in product details, call-to-action buttons, and highlights.
- Backgrounds
Fenty White and Light Sand are used for page and section backgrounds.
- Text
Fenty Beauty Black and Medium Taupe are used for headings and body text.
- Semantic
Olive Green, Warm Gold, Coral, and Cool Blue are used for status messages and notifications.
Fenty Beauty color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Fenty Beauty primary color is Fenty Beauty Beige, hex code #F6E8D7.
Fenty Beauty Beige (#F6E8D7) in RGB is (246, 232, 215). For CMYK, it is approximately (0, 6, 13, 4).
Fenty Beauty uses Fenty Beauty Black (#231F20), Medium Taupe (#7B736C), and Muted Taupe (#B9B1A9) as its primary neutral tones.
Use Fenty Beauty Beige (#F6E8D7) for primary backgrounds, Black (#231F20) for text and navigation, and accent taupes or golds for highlights and calls to action.
The secondary color is Fenty Beauty Black, #231F20, and the accent is Fenty Soft Taupe, #D6BFAE. Together with the primary they make up the three brand colors at the top of this page.
3 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 Fenty Beauty's colors consistently when it generates UI.
Make something in the spirit of Fenty Beauty
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.