H&M brand colors
Red retail mark. Official resources: Brand center.
What is H&M?
H&M is a Swedish fast-fashion retailer with global high-street stores and designer collaborations. Red logotype on white price tags and campaign red dominate seasonal lookbooks and conscious-collection sub-brands.
Using H&M colors in design
Fashion houses rotate seasonal campaigns while keeping signature hues in logos, packaging, and retail signage. Use these HEX references for mood boards and e-commerce themes, then confirm Pantone or fabric specs for production runs.
This page lists 2 commonly cited H&M swatches with HEX and usage labels. Click any chip to copy the code, then paste into Figma variables, CSS custom properties, or Tailwind theme extensions. For accessible text on H&M backgrounds, run pairs through our WCAG contrast checker before handoff.
Need a full ramp from one accent? Try the CSS variables generator or compare against other companies in fashion brand colors.
H&M brand colors — FAQ
Are H&M HEX values official?
We compile widely published H&M values for design workflows. Corporate brand portals publish the authoritative palette and logo rules. Always confirm critical launches with official guidelines.
How should I pick a primary H&M color?
Start with swatches tagged Primary or Logo in the table. Pair with a neutral text color and test contrast at 4.5:1 for body copy and 3:1 for large headings.
Can I export H&M colors to CSS or Tailwind?
Copy HEX from any row, or feed a single accent into our Tailwind config generator and CSS variables tools for 50–950 ramps.
Do H&M colors match print or packaging?
Screen HEX is sRGB. Print, signage, and merchandise often use Pantone, CMYK, or coated ink systems that shift appearance under different lighting.