Forever 21 color palette
FashionForever 21's color identity is defined by its iconic, vibrant yellow paired with bold black and clean neutrals, creating a youthful and energetic brand presence. The palette is instantly recognizable and consistently used across retail, packaging, and digital platforms.
forever21.comForever 21 colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Forever 21 YellowPrimary255, 221, 0
- Forever 21 BlackSecondary35, 31, 32
- Forever 21 WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Forever 21 Light GrayBackground250, 250, 250
- Forever 21 Soft GraySurface245, 245, 245
- Forever 21 Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Forever 21 Text BlackText35, 31, 32
- Forever 21 Medium GraySecondary text117, 117, 117
- Forever 21 Muted GrayMuted text189, 189, 189
Semantic
Feedback and state colors.- Forever 21 Success GreenSuccess67, 160, 71
- Forever 21 Warning YellowWarning251, 192, 45
- Forever 21 Error RedError229, 57, 53
- Forever 21 Info BlueInfo3, 155, 229
Use Forever 21's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
forever-21-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #039BE5;
--error: #E53935;
--accent: #FFFFFF;
--border: #E0E0E0;
--primary: #FFDD00;
--success: #43A047;
--surface: #F5F5F5;
--warning: #FBC02D;
--secondary: #231F20;
--text-muted: #BDBDBD;
--background: #FAFAFA;
--text-primary: #231F20;
--text-secondary: #757575;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.6:1
Pass
Text on surface
Needs 4.5:1 for body text
15.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.4:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
4.2:1
Fail
Muted text on background
Needs 3:1 for large text
1.8:1
Fail
Muted text on surface
Needs 3:1 for large text
1.7:1
Fail
Forever 21 gray and neutral colors
The quiet part of the Forever 21 palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Forever 21 Light GrayBackground
- HEX
- RGB
- HSL
- Forever 21 Soft GraySurface
- HEX
- RGB
- HSL
- Forever 21 Border GrayBorder
- HEX
- RGB
- HSL
- Forever 21 Text BlackText
- HEX
- RGB
- HSL
- Forever 21 Medium GraySecondary text
- HEX
- RGB
- HSL
- Forever 21 Muted GrayMuted text
- HEX
- RGB
- HSL
About Forever 21's colors
Forever 21's palette uses a high-contrast combination of yellow and black to create visual impact and brand recognition. The supporting neutrals keep the focus on products and promotions.
Primary yellow contrasts with deep black for maximum legibility.
Neutrals balance the boldness of the core palette.
Accent white is used for clarity and space.
Psychology
Yellow conveys energy, optimism, and youth, aligning with Forever 21's target audience. Black adds sophistication and anchors the palette, while neutrals create a modern, accessible feel.
Evolution
The yellow and black combination has been consistent since the brand's inception, maintaining strong brand equity. Minor updates to gray tones have occurred to modernize the UI, but the core palette is stable.
Where Forever 21 uses each color
- Primary
Used in the logo, store signage, promotional banners, and call-to-action buttons.
- Secondary
Applied to navigation bars, text, and as a background for the yellow logo.
- Accent
Used for text, backgrounds, and to provide contrast in digital and print materials.
- Backgrounds
Light and soft grays are used for website backgrounds, product cards, and UI surfaces.
- Text
Black is used for primary text, with medium and muted grays for secondary and disabled text.
- Semantic
Green, yellow, red, and blue are used for status messages, alerts, and informational UI elements.
Forever 21 color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Forever 21 brand yellow is #FFDD00, used in the logo and key brand elements.
Forever 21 Yellow is RGB(255, 221, 0) and CMYK(0, 13, 100, 0), corresponding to hex #FFDD00.
Forever 21 uses #FAFAFA (Light Gray), #F5F5F5 (Soft Gray), #E0E0E0 (Border Gray), #757575 (Medium Gray), and #BDBDBD (Muted Gray) in its UI and backgrounds.
Use #FFDD00 for primary branding and calls to action, #231F20 for text and navigation, and supporting grays for backgrounds and UI surfaces. Maintain high contrast for accessibility and brand consistency.
The secondary color is Forever 21 Black, #231F20, and the accent is Forever 21 White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
2 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 Forever 21's colors consistently when it generates UI.
Make something in the spirit of Forever 21
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.