Poshmark color palette
EcommercePoshmark's brand color system centers on a distinctive wine red, complemented by neutral grays and white for a clean, modern ecommerce experience. The palette is consistent across web and app interfaces, emphasizing clarity and brand recognition.
poshmark.comPoshmark colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Poshmark Wine RedPrimary183, 65, 14
- Poshmark Deep MaroonSecondary110, 46, 19
- Poshmark BlushAccent245, 233, 226
Surfaces
Page, cards and dividers.- Poshmark WhiteBackground255, 255, 255
- Poshmark Light GraySurface248, 248, 248
- Poshmark Border GrayBorder229, 229, 229
Text
Three tiers of copy.- Poshmark CharcoalText34, 34, 34
- Poshmark Medium GraySecondary text102, 102, 102
- Poshmark Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- Poshmark Success GreenSuccess46, 204, 64
- Poshmark Warning YellowWarning255, 180, 0
- Poshmark Error RedError224, 60, 49
- Poshmark Info BlueInfo59, 130, 246
Use Poshmark's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
poshmark-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3B82F6;
--error: #E03C31;
--accent: #F5E9E2;
--border: #E5E5E5;
--primary: #B7410E;
--success: #2ECC40;
--surface: #F8F8F8;
--warning: #FFB400;
--secondary: #6E2E13;
--text-muted: #A0A0A0;
--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
15.0: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.4:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.5:1
Fail
Poshmark gray and neutral colors
The quiet part of the Poshmark palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Poshmark WhiteBackground
- HEX
- RGB
- HSL
- Poshmark Light GraySurface
- HEX
- RGB
- HSL
- Poshmark Border GrayBorder
- HEX
- RGB
- HSL
- Poshmark CharcoalText
- HEX
- RGB
- HSL
- Poshmark Medium GraySecondary text
- HEX
- RGB
- HSL
- Poshmark Muted GrayMuted text
- HEX
- RGB
- HSL
About Poshmark's colors
Poshmark's palette is anchored by a bold wine red, creating a sense of sophistication and approachability. Neutral grays and white provide balance and focus on content.
Primary wine red is paired with blush accents for calls to action.
Deep maroon is used for emphasis and navigation highlights.
Neutral grays support legibility and clean layouts.
Psychology
The wine red evokes trust, warmth, and a sense of community, aligning with Poshmark's social commerce ethos. Neutral tones keep the interface inviting and easy to navigate.
Evolution
Poshmark's color palette has remained largely stable since its launch, with minor adjustments to grays for improved accessibility. The primary wine red has consistently defined the brand's visual identity.
Where Poshmark uses each color
- Primary
Used for logo, primary buttons, and key highlights across the website and app.
- Secondary
Appears in navigation bars, selected states, and some iconography.
- Accent
Applied to backgrounds of promotional banners and subtle UI highlights.
- Backgrounds
White is the main background for content areas and product listings.
- Text
Charcoal and medium gray are used for primary and secondary text throughout the interface.
- Semantic
Success green, warning yellow, and error red are used for status indicators and alerts.
Poshmark color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Poshmark brand color is wine red, with the hex code #B7410E.
The RGB value for Poshmark Wine Red (#B7410E) is 183, 65, 14. For print, the approximate CMYK is 0, 64, 92, 28.
Poshmark uses several neutral tones: Light Gray (#F8F8F8), Border Gray (#E5E5E5), Charcoal (#222222), Medium Gray (#666666), and Muted Gray (#A0A0A0). These are used for backgrounds, borders, and text to ensure clarity and accessibility.
Use Poshmark Wine Red (#B7410E) for primary actions and branding, with neutrals for backgrounds and text. Accent and semantic colors should be reserved for highlights, alerts, and status messaging.
The secondary color is Poshmark Deep Maroon, #6E2E13, and the accent is Poshmark Blush, #F5E9E2. 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 Poshmark's colors consistently when it generates UI.
Make something in the spirit of Poshmark
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.