Wish color palette
EcommerceWish uses a vibrant, fresh palette centered on its signature green, complemented by clean whites and neutral grays for a modern ecommerce experience. The color system emphasizes clarity, approachability, and trust in digital retail environments.
wish.comWish colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Wish GreenPrimary50, 228, 118
- Wish BlueSecondary0, 191, 255
- Wish YellowAccent255, 214, 0
Surfaces
Page, cards and dividers.- Wish WhiteBackground255, 255, 255
- Wish Surface GraySurface246, 247, 251
- Wish Border GrayBorder229, 232, 237
Text
Three tiers of copy.- Wish CharcoalText34, 34, 34
- Wish Medium GraySecondary text107, 107, 107
- Wish Muted GrayMuted text160, 164, 171
Semantic
Feedback and state colors.- Wish GreenSuccess50, 228, 118
- Wish YellowWarning255, 214, 0
- Wish RedError255, 59, 48
- Wish BlueInfo0, 191, 255
Use Wish's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
wish-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00BFFF;
--error: #FF3B30;
--accent: #FFD600;
--border: #E5E8ED;
--primary: #32E476;
--success: #32E476;
--surface: #F6F7FB;
--warning: #FFD600;
--secondary: #00BFFF;
--text-muted: #A0A4AB;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #6B6B6B;
}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.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.0:1
Pass
Muted text on background
Needs 3:1 for large text
2.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Wish background, border and text colors
The quiet part of the Wish palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Wish WhiteBackground
- HEX
- RGB
- HSL
- Wish Surface GraySurface
- HEX
- RGB
- HSL
- Wish Border GrayBorder
- HEX
- RGB
- HSL
- Wish CharcoalText
- HEX
- RGB
- HSL
- Wish Medium GraySecondary text
- HEX
- RGB
- HSL
- Wish Muted GrayMuted text
- HEX
- RGB
- HSL
About Wish's colors
Wish's palette is built around a bright green primary, supported by blue and yellow accents and a foundation of neutral whites and grays. The system is designed for high contrast, readability, and a friendly digital shopping experience.
Primary green is complemented by blue for calls to action.
Yellow is used for highlights and notifications.
Neutral grays and white provide clarity and focus.
Psychology
The green primary conveys freshness, trust, and affordability, while blue adds a sense of reliability and approachability. Yellow accents draw attention to important actions and deals.
Evolution
Wish's palette has remained stable since its major rebrand, maintaining its recognizable green and blue. Minor adjustments have been made to gray tones for improved accessibility and UI clarity.
Where Wish uses each color
- Primary
Used for main action buttons, highlights, and the Wish logo.
- Secondary
Appears in secondary buttons, links, and promotional banners.
- Accent
Used for notifications, badges, and special offer highlights.
- Backgrounds
White and light gray backgrounds are used throughout app screens and web pages.
- Text
Charcoal and gray tones are used for primary and secondary text across the UI.
- Semantic
Green indicates success, yellow signals warnings or deals, and red is used for errors or alerts.
Wish color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Wish primary color is #32E476, known as Wish Green. This is used for the logo and main action elements.
Wish Green (#32E476) in RGB is (50, 228, 118). For CMYK, it is approximately (78, 0, 48, 11).
Wish uses #F6F7FB (Wish Surface Gray), #E5E8ED (Wish Border Gray), #222222 (Wish Charcoal), #6B6B6B (Wish Medium Gray), and #A0A4AB (Wish Muted Gray) for backgrounds, borders, and text.
Use #32E476 for primary actions and branding, with #00BFFF and #FFD600 for secondary and accent elements. Neutrals like #F6F7FB and #222222 ensure readability and clear UI hierarchy.
The secondary color is Wish Blue, #00BFFF, and the accent is Wish Yellow, #FFD600. 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 Wish's colors consistently when it generates UI.
Make something in the spirit of Wish
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.