Flipkart color palette
EcommerceFlipkart's color identity is defined by its signature blue and yellow, creating a vibrant, trustworthy, and approachable ecommerce experience. The palette is supported by neutral greys and functional semantic colors for clarity and usability.
flipkart.comFlipkart colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Flipkart BluePrimary40, 116, 240
- Flipkart YellowSecondary255, 215, 0
- Flipkart NavyAccent23, 35, 55
Surfaces
Page, cards and dividers.- Flipkart Light GrayBackground241, 243, 246
- Flipkart WhiteSurface255, 255, 255
- Flipkart Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Flipkart CharcoalText33, 33, 33
- Flipkart Medium GraySecondary text135, 135, 135
- Flipkart Muted GrayMuted text189, 189, 189
Semantic
Feedback and state colors.- Flipkart Success GreenSuccess56, 142, 60
- Flipkart Warning OrangeWarning245, 124, 0
- Flipkart Error RedError211, 47, 47
- Flipkart Info BlueInfo2, 136, 209
Use Flipkart's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
flipkart-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0288D1;
--error: #D32F2F;
--accent: #172337;
--border: #E0E0E0;
--primary: #2874F0;
--success: #388E3C;
--surface: #FFFFFF;
--warning: #F57C00;
--secondary: #FFD700;
--text-muted: #BDBDBD;
--background: #F1F3F6;
--text-primary: #212121;
--text-secondary: #878787;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.5:1
Pass
Text on surface
Needs 4.5:1 for body text
16.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
3.2:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
3.6:1
Fail
Muted text on background
Needs 3:1 for large text
1.7:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Flipkart background, border and text colors
The quiet part of the Flipkart palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Flipkart Light GrayBackground
- HEX
- RGB
- HSL
- Flipkart WhiteSurface
- HEX
- RGB
- HSL
- Flipkart Border GrayBorder
- HEX
- RGB
- HSL
- Flipkart CharcoalText
- HEX
- RGB
- HSL
- Flipkart Medium GraySecondary text
- HEX
- RGB
- HSL
- Flipkart Muted GrayMuted text
- HEX
- RGB
- HSL
About Flipkart's colors
Flipkart's palette centers on a bold blue and vibrant yellow, conveying trust and energy. Neutral greys and semantic colors ensure clarity and accessibility across the digital experience.
Primary blue is complemented by yellow for visual contrast.
Deep navy is used for emphasis and navigation.
Greys provide a neutral backdrop for content and UI elements.
Psychology
Blue is associated with trust, reliability, and security, fitting for an ecommerce platform. Yellow adds a sense of optimism and draws attention to key actions or promotions.
Evolution
Flipkart's palette has remained stable since its major rebranding in the mid-2010s, maintaining its recognizable blue and yellow. Minor adjustments to greys and semantic colors have improved accessibility and modernized the UI.
Where Flipkart uses each color
- Primary
Flipkart Blue is used for the main navigation bar, primary buttons, and highlights across the website and app.
- Secondary
Flipkart Yellow appears in the logo, promotional banners, and call-to-action highlights.
- Accent
Flipkart Navy is used for headers, footers, and important navigation elements.
- Backgrounds
Flipkart Light Gray and White are used for page backgrounds and card surfaces.
- Text
Charcoal and Medium Gray are used for primary and secondary text, while Muted Gray is for disabled or less prominent information.
- Semantic
Success Green, Warning Orange, Error Red, and Info Blue are used for status messages, notifications, and feedback.
Flipkart color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Flipkart primary color hex code is #2874F0. This blue is used prominently across the brand's website and app.
Flipkart Blue (#2874F0) in RGB is (40, 116, 240). For CMYK, it is approximately (83, 52, 0, 6).
Flipkart uses #F1F3F6 (Light Gray), #E0E0E0 (Border Gray), #212121 (Charcoal), #878787 (Medium Gray), and #BDBDBD (Muted Gray) for backgrounds, borders, and text. These neutrals provide a clean, readable interface.
Use Flipkart Blue (#2874F0) for primary actions and navigation, with Yellow (#FFD700) for highlights and accents. Neutrals and semantic colors should be applied for backgrounds, text, and status indicators to ensure clarity and accessibility.
The secondary color is Flipkart Yellow, #FFD700, and the accent is Flipkart Navy, #172337. Together with the primary they make up the three brand colors at the top of this page.
2 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 Flipkart's colors consistently when it generates UI.
Make something in the spirit of Flipkart
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.
