Mercado Libre color palette
EcommerceMercado Libre's color identity is defined by its distinctive yellow, conveying energy and approachability, complemented by deep blue and neutral grays for clarity and trust. The palette is consistent across digital and physical touchpoints, ensuring strong brand recognition.
mercadolibre.comMercado Libre colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Mercado Libre YellowPrimary255, 230, 0
- Mercado Libre BlueSecondary45, 50, 119
- Mercado Libre GreenAccent0, 166, 80
Surfaces
Page, cards and dividers.- Mercado Libre WhiteBackground255, 255, 255
- Mercado Libre Light GraySurface245, 245, 245
- Mercado Libre Border GrayBorder230, 230, 230
Text
Three tiers of copy.- Mercado Libre Primary TextText51, 51, 51
- Mercado Libre Secondary TextSecondary text102, 102, 102
- Mercado Libre Muted TextMuted text153, 153, 153
Semantic
Feedback and state colors.- Mercado Libre Success GreenSuccess0, 166, 80
- Mercado Libre Warning YellowWarning255, 182, 0
- Mercado Libre Error RedError234, 34, 39
- Mercado Libre Info BlueInfo45, 50, 119
Use Mercado Libre's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
mercado-libre-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2D3277;
--error: #EA2227;
--accent: #00A650;
--border: #E6E6E6;
--primary: #FFE600;
--success: #00A650;
--surface: #F5F5F5;
--warning: #FFB600;
--secondary: #2D3277;
--text-muted: #999999;
--background: #FFFFFF;
--text-primary: #333333;
--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
12.6:1
Pass
Text on surface
Needs 4.5:1 for body text
11.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
Mercado Libre gray and neutral colors
The quiet part of the Mercado Libre palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Mercado Libre WhiteBackground
- HEX
- RGB
- HSL
- Mercado Libre Light GraySurface
- HEX
- RGB
- HSL
- Mercado Libre Border GrayBorder
- HEX
- RGB
- HSL
- Mercado Libre Primary TextText
- HEX
- RGB
- HSL
- Mercado Libre Secondary TextSecondary text
- HEX
- RGB
- HSL
- Mercado Libre Muted TextMuted text
- HEX
- RGB
- HSL
About Mercado Libre's colors
Mercado Libre's palette is built around a vibrant yellow, supported by blue and green for trust and action cues. The neutral grays provide balance and readability for digital interfaces.
Primary yellow contrasts with deep blue for visibility.
Green accent is used for positive actions and status.
Grays unify backgrounds and text for clarity.
Psychology
Yellow evokes optimism, friendliness, and accessibility, key to Mercado Libre's brand personality. Blue and green reinforce trust, security, and positive action.
Evolution
Mercado Libre's palette has remained stable, with yellow as the anchor since its early years. Minor adjustments have been made to grays and accent colors for digital clarity.
Where Mercado Libre uses each color
- Primary
Used in the logo, navigation bars, and key call-to-action buttons.
- Secondary
Appears in headers, footers, and as a background for promotional banners.
- Accent
Highlights active states, confirmation messages, and success icons.
- Backgrounds
White and light gray are used for main page backgrounds and cards.
- Text
Dark grays are used for primary and secondary text throughout the UI.
- Semantic
Green indicates success, yellow for warnings, and red for errors or alerts.
Mercado Libre color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Mercado Libre brand color is yellow, with the hex code #FFE600.
Mercado Libre Yellow is #FFE600, which is RGB(255, 230, 0) and approximately CMYK(0, 10, 100, 0).
Mercado Libre uses #F5F5F5 for light gray surfaces, #E6E6E6 for borders, and #333333 for primary text, ensuring readability and visual hierarchy.
Use #FFE600 for primary branding elements, #2D3277 for secondary accents, and the specified grays for backgrounds and text. Always maintain sufficient contrast for accessibility.
The secondary color is Mercado Libre Blue, #2D3277, and the accent is Mercado Libre Green, #00A650. 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 Mercado Libre's colors consistently when it generates UI.
Make something in the spirit of Mercado Libre
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.
