Gallery / Color palette
shein.com color palette
The brand palette extracted from shein.com — primary, accent, neutral, background, and text colors with copy-ready hex codes and one-click export to CSS, Tailwind, and design tokens. Last updated June 17, 2026.
Orange Red
#f93a00
rgb(249, 58, 0)
hsl(14, 100%, 49%)
Maroon
#4b0303
rgb(75, 3, 3)
hsl(0, 92%, 15%)
Steel Blue
#2d68a8
rgb(45, 104, 168)
hsl(211, 58%, 42%)
Violet
#9462ff
rgb(148, 98, 255)
hsl(259, 100%, 69%)
Beige
#ffedca
rgb(255, 237, 202)
hsl(40, 100%, 90%)
White Smoke
#f8f7f7
rgb(248, 247, 247)
hsl(0, 7%, 97%)
Charcoal
#262525
rgb(38, 37, 37)
hsl(0, 1%, 15%)
Dim Gray
#63625f
rgb(99, 98, 95)
hsl(45, 2%, 38%)
:root {
--color-primary: #f93a00;
--color-accent-1: #4b0303;
--color-accent-2: #2d68a8;
--color-accent-3: #9462ff;
--color-accent-4: #ffedca;
--color-background: #f8f7f7;
--color-text: #262525;
--color-neutral: #63625f;
}@theme {
--color-primary: #f93a00;
--color-accent-1: #4b0303;
--color-accent-2: #2d68a8;
--color-accent-3: #9462ff;
--color-accent-4: #ffedca;
--color-background: #f8f7f7;
--color-text: #262525;
--color-neutral: #63625f;
}About the shein.com color palette
shein.com's brand palette is built around Orange Red (#F93A00) as its primary color, paired with Maroon (#4B0303) as an accent. Below are all 8 colors with copy-ready hex, RGB, and HSL values, plus one-click export to CSS variables, Tailwind, and design tokens.
- Orange Red · Primary
- — the dominant brand color — used for logos, primary buttons, and key moments.
- Maroon · Accent
- — a secondary highlight for links, callouts, and interactive states.
- Dim Gray · Neutral
- — a supporting tone for borders, dividers, and muted UI surfaces.
- White Smoke · Background
- — the base surface the rest of the palette sits on.
- Charcoal · Text
- — the primary readable foreground color.
Frequently asked questions
- What is shein.com's primary brand color?
- shein.com's primary brand color is Orange Red, hex #F93A00.
- What accent color does shein.com use?
- shein.com pairs its primary with Maroon (#4B0303) as an accent.
- How many colors are in the shein.com palette?
- This palette lists 8 role-labeled colors — primary, accent, neutral, background, and text — each with copy-ready hex, RGB, and HSL values.
- Can I use the shein.com color palette?
- You can copy any hex code or export the whole palette to CSS variables, Tailwind, or design tokens. Brand colors may be trademarked, so use them for inspiration or compatibility — not to imitate a brand.
Want a palette from your own site?
Fetch a palette