Jumia color palette
EcommerceJumia's color identity centers on a vibrant orange paired with deep charcoal and clean white, reflecting its energetic and accessible ecommerce brand. The palette is consistent across its website, app, and marketing materials.
jumia.comJumia colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Jumia OrangePrimary246, 139, 30
- Jumia CharcoalSecondary34, 34, 34
- Jumia YellowAccent255, 214, 0
Surfaces
Page, cards and dividers.- Jumia WhiteBackground255, 255, 255
- Jumia Light GraySurface245, 245, 245
- Jumia Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Jumia CharcoalText34, 34, 34
- Jumia Medium GraySecondary text117, 117, 117
- Jumia Muted GrayMuted text189, 189, 189
Semantic
Feedback and state colors.- Jumia Success GreenSuccess76, 175, 80
- Jumia Warning OrangeWarning255, 152, 0
- Jumia Error RedError244, 67, 54
- Jumia Info BlueInfo33, 150, 243
Use Jumia's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
jumia-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2196F3;
--error: #F44336;
--accent: #FFD600;
--border: #E0E0E0;
--primary: #F68B1E;
--success: #4CAF50;
--surface: #F5F5F5;
--warning: #FF9800;
--secondary: #222222;
--text-muted: #BDBDBD;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #757575;
}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
4.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.2:1
Fail
Muted text on background
Needs 3:1 for large text
1.9:1
Fail
Muted text on surface
Needs 3:1 for large text
1.7:1
Fail
Jumia gray and neutral colors
The quiet part of the Jumia palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Jumia WhiteBackground
- HEX
- RGB
- HSL
- Jumia Light GraySurface
- HEX
- RGB
- HSL
- Jumia Border GrayBorder
- HEX
- RGB
- HSL
- Jumia CharcoalText
- HEX
- RGB
- HSL
- Jumia Medium GraySecondary text
- HEX
- RGB
- HSL
- Jumia Muted GrayMuted text
- HEX
- RGB
- HSL
About Jumia's colors
Jumia's palette uses a bold orange as its core, contrasted with deep charcoal and neutral grays for clarity and energy. Accents of yellow and functional colors support usability and brand recognition.
Primary orange is complemented by neutral backgrounds.
Charcoal provides strong contrast for text and UI elements.
Yellow accent highlights calls to action and promotions.
Psychology
The orange evokes warmth, enthusiasm, and affordability, appealing to a broad ecommerce audience. Charcoal and gray tones provide trust and readability.
Evolution
Jumia's palette has remained stable, with orange always at the forefront. Minor adjustments to gray tones have improved accessibility and modernized the UI.
Where Jumia uses each color
- Primary
Used for main buttons, highlights, and the logo across all platforms.
- Secondary
Applied to headers, navigation bars, and key text for contrast.
- Accent
Used for promotional banners, badges, and call-to-action highlights.
- Backgrounds
White and light gray backgrounds dominate app screens and web pages.
- Text
Charcoal and gray tones are used for primary, secondary, and muted text.
- Semantic
Green, orange, red, and blue are used for success, warning, error, and info states in UI feedback.
Jumia color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Jumia brand color is Jumia Orange, hex code #F68B1E. This is used prominently in the logo and primary buttons.
Jumia Orange (#F68B1E) has an RGB value of 246, 139, 30. In CMYK, it is approximately 0, 44, 88, 4.
Jumia uses Jumia Charcoal (#222222), Jumia Medium Gray (#757575), and Jumia Muted Gray (#BDBDBD) for text and interface elements. These ensure readability and a clean, modern look.
Use Jumia Orange (#F68B1E) for primary actions and branding, with charcoal and grays for text and backgrounds. Accent and semantic colors should be reserved for highlights, alerts, and feedback states.
The secondary color is Jumia Charcoal, #222222, and the accent is Jumia Yellow, #FFD600. 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 Jumia's colors consistently when it generates UI.
Make something in the spirit of Jumia
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.
