Vinted color palette
EcommerceVinted's color identity centers on a distinctive teal primary, complemented by clean neutrals and subtle accents for a fresh, approachable ecommerce experience. The palette is designed for clarity and trust across digital and brand touchpoints.
vinted.comVinted colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Vinted TealPrimary0, 119, 130
- Vinted AquaSecondary0, 191, 174
- Vinted AmberAccent255, 183, 0
Surfaces
Page, cards and dividers.- Vinted WhiteBackground255, 255, 255
- Vinted Light GraySurface246, 247, 248
- Vinted Border GrayBorder224, 228, 232
Text
Three tiers of copy.- Vinted CharcoalText34, 35, 37
- Vinted Medium GraySecondary text111, 118, 126
- Vinted Muted GrayMuted text179, 185, 190
Semantic
Feedback and state colors.- Vinted Success GreenSuccess0, 196, 140
- Vinted AmberWarning255, 183, 0
- Vinted Error RedError255, 90, 95
- Vinted TealInfo0, 119, 130
Use Vinted's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
vinted-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #007782;
--error: #FF5A5F;
--accent: #FFB700;
--border: #E0E4E8;
--primary: #007782;
--success: #00C48C;
--surface: #F6F7F8;
--warning: #FFB700;
--secondary: #00BFAE;
--text-muted: #B3B9BE;
--background: #FFFFFF;
--text-primary: #222325;
--text-secondary: #6F767E;
}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.7:1
Pass
Text on surface
Needs 4.5:1 for body text
14.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.3:1
Fail
Muted text on background
Needs 3:1 for large text
2.0:1
Fail
Muted text on surface
Needs 3:1 for large text
1.8:1
Fail
Vinted gray and neutral colors
The quiet part of the Vinted palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Vinted WhiteBackground
- HEX
- RGB
- HSL
- Vinted Light GraySurface
- HEX
- RGB
- HSL
- Vinted Border GrayBorder
- HEX
- RGB
- HSL
- Vinted CharcoalText
- HEX
- RGB
- HSL
- Vinted Medium GraySecondary text
- HEX
- RGB
- HSL
- Vinted Muted GrayMuted text
- HEX
- RGB
- HSL
About Vinted's colors
Vinted's palette is built around a unique teal, supported by clean whites and grays for a modern, trustworthy feel. Accent colors are used sparingly for notifications and calls to action.
Primary teal contrasts with white and light gray backgrounds.
Accent amber highlights important actions or alerts.
Grays provide hierarchy and readability in UI elements.
Psychology
The teal primary conveys trust, freshness, and approachability, key for a peer-to-peer marketplace. Neutral backgrounds and grays create a sense of openness and clarity.
Evolution
Vinted's palette has remained stable, with teal as the core brand color since its major rebrand. Minor adjustments to gray tones and accent usage have improved accessibility and clarity over time.
Where Vinted uses each color
- Primary
Vinted Teal is used for the logo, primary buttons, and key navigation highlights.
- Secondary
Vinted Aqua appears in secondary buttons, links, and hover states.
- Accent
Vinted Amber is used for notifications, badges, and important alerts.
- Backgrounds
Vinted White and Light Gray are used for main backgrounds and cards throughout the app and website.
- Text
Vinted Charcoal is used for main text, with Medium and Muted Grays for secondary and disabled text.
- Semantic
Success Green, Amber, and Error Red are used for status messages, confirmations, warnings, and errors.
Vinted color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Vinted primary color is #007782, known as Vinted Teal. This color is used for the logo and primary actions.
Vinted Teal (#007782) has an RGB value of (0, 119, 130). For CMYK, it is approximately (100, 8, 0, 49).
Vinted uses several grays: Light Gray (#F6F7F8), Border Gray (#E0E4E8), Medium Gray (#6F767E), and Muted Gray (#B3B9BE). These provide structure and hierarchy in the UI.
Use Vinted Teal (#007782) for primary actions and branding, with Aqua and Amber for secondary and accent purposes. Grays and neutrals should support content and maintain accessibility.
The secondary color is Vinted Aqua, #00BFAE, and the accent is Vinted Amber, #FFB700. Together with the primary they make up the three brand colors at the top of this page.
3 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 Vinted's colors consistently when it generates UI.
Make something in the spirit of Vinted
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.