AliExpress color palette
EcommerceAliExpress uses a bold, energetic palette centered on its signature red, complemented by warm yellows and functional neutrals for a clear, inviting ecommerce experience. The color system emphasizes accessibility and brand recognition across digital and print touchpoints.
aliexpress.comAliExpress colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- AliExpress RedPrimary255, 71, 71
- AliExpress GoldSecondary255, 178, 0
- AliExpress OrangeAccent255, 106, 0
Surfaces
Page, cards and dividers.- AliExpress WhiteBackground255, 255, 255
- AliExpress Light GraySurface245, 245, 245
- AliExpress Border GrayBorder229, 229, 229
Text
Three tiers of copy.- AliExpress CharcoalText34, 34, 34
- AliExpress Medium GraySecondary text102, 102, 102
- AliExpress Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- AliExpress GreenSuccess19, 194, 107
- AliExpress GoldWarning255, 178, 0
- AliExpress RedError255, 71, 71
- AliExpress BlueInfo45, 140, 240
Use AliExpress's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
aliexpress-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2D8CF0;
--error: #FF4747;
--accent: #FF6A00;
--border: #E5E5E5;
--primary: #FF4747;
--success: #13C26B;
--surface: #F5F5F5;
--warning: #FFB200;
--secondary: #FFB200;
--text-muted: #999999;
--background: #FFFFFF;
--text-primary: #222222;
--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
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.8:1
Fail
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
AliExpress gray and neutral colors
The quiet part of the AliExpress palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- AliExpress WhiteBackground
- HEX
- RGB
- HSL
- AliExpress Light GraySurface
- HEX
- RGB
- HSL
- AliExpress Border GrayBorder
- HEX
- RGB
- HSL
- AliExpress CharcoalText
- HEX
- RGB
- HSL
- AliExpress Medium GraySecondary text
- HEX
- RGB
- HSL
- AliExpress Muted GrayMuted text
- HEX
- RGB
- HSL
About AliExpress's colors
AliExpress's palette is dominated by a vibrant red, evoking excitement and urgency, balanced with gold and orange for warmth and approachability. Neutral grays and whites ensure clarity and usability in ecommerce interfaces.
Red and gold create a high-contrast, energetic pairing.
Warm accent orange supports call-to-action elements.
Neutral grays provide structure and readability.
Psychology
Red stimulates action and draws attention, ideal for driving conversions in ecommerce. Gold and orange add friendliness and a sense of value.
Evolution
The core red and gold palette has remained consistent since AliExpress's launch, reinforcing strong brand recognition. Minor adjustments to neutral tones have improved accessibility and modernized the UI.
Where AliExpress uses each color
- Primary
Used for main buttons, highlights, and the AliExpress logo.
- Secondary
Appears in promotional banners, icons, and sale tags.
- Accent
Used for secondary buttons and notification badges.
- Backgrounds
White and light gray backgrounds are standard for product listings and navigation.
- Text
Charcoal and medium gray are used for primary and secondary text across all interfaces.
- Semantic
Green, gold, and red are used for status indicators such as success, warning, and error messages.
AliExpress color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official AliExpress primary color is #FF4747. This vibrant red is used for the logo and key interface elements.
AliExpress Red (#FF4747) is RGB(255, 71, 71) and CMYK(0, 72, 72, 0). Always use the hex code for digital applications.
AliExpress uses #F5F5F5 for light gray surfaces, #E5E5E5 for borders, #222222 for primary text, and #666666 for secondary text. These neutrals ensure readability and a clean layout.
Use #FF4747 for primary actions and branding, with #FFB200 and #FF6A00 for accents and highlights. Neutrals like #F5F5F5 and #222222 structure backgrounds and text for clarity.
The secondary color is AliExpress Gold, #FFB200, and the accent is AliExpress Orange, #FF6A00. 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 AliExpress's colors consistently when it generates UI.
Make something in the spirit of AliExpress
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.