Cdiscount color palette
EcommerceCdiscount's color identity is defined by a bold, distinctive orange paired with deep navy and neutral grays, reflecting its energetic and accessible ecommerce positioning. The palette is consistent across digital and print applications, ensuring strong brand recognition.
cdiscount.comCdiscount colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Cdiscount OrangePrimary241, 110, 0
- Cdiscount NavySecondary35, 43, 56
- Cdiscount BlueAccent0, 114, 198
Surfaces
Page, cards and dividers.- Cdiscount WhiteBackground255, 255, 255
- Cdiscount Light GraySurface245, 246, 250
- Cdiscount Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Cdiscount NavyText35, 43, 56
- Cdiscount Medium GraySecondary text102, 102, 102
- Cdiscount Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- Cdiscount GreenSuccess60, 184, 120
- Cdiscount YellowWarning255, 180, 0
- Cdiscount RedError229, 57, 53
- Cdiscount BlueInfo0, 114, 198
Use Cdiscount's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
cdiscount-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072C6;
--error: #E53935;
--accent: #0072C6;
--border: #E0E0E0;
--primary: #F16E00;
--success: #3CB878;
--surface: #F5F6FA;
--warning: #FFB400;
--secondary: #232B38;
--text-muted: #A0A0A0;
--background: #FFFFFF;
--text-primary: #232B38;
--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
14.2:1
Pass
Text on surface
Needs 4.5:1 for body text
13.2: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.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Cdiscount background, border and text colors
The quiet part of the Cdiscount palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Cdiscount WhiteBackground
- HEX
- RGB
- HSL
- Cdiscount Light GraySurface
- HEX
- RGB
- HSL
- Cdiscount Border GrayBorder
- HEX
- RGB
- HSL
- Cdiscount NavyText
- HEX
- RGB
- HSL
- Cdiscount Medium GraySecondary text
- HEX
- RGB
- HSL
- Cdiscount Muted GrayMuted text
- HEX
- RGB
- HSL
About Cdiscount's colors
Cdiscount's palette uses a high-contrast combination of orange and navy, balanced by clean neutrals for clarity and readability. The orange draws attention to calls-to-action while navy and grays provide structure and legibility.
Primary orange is complemented by a deep navy for contrast.
Accent blue is used sparingly for highlights and links.
Neutral grays unify backgrounds, borders, and secondary text.
Psychology
The orange conveys energy, affordability, and approachability, while navy signals trust and reliability. The overall effect is dynamic yet professional, supporting Cdiscount's ecommerce mission.
Evolution
Cdiscount's color palette has remained stable, with orange and navy as core elements since its early branding. Minor adjustments to gray tones and accent blue have improved accessibility and modernized the interface.
Where Cdiscount uses each color
- Primary
Cdiscount Orange is used for main call-to-action buttons, highlights, and key icons.
- Secondary
Cdiscount Navy appears in the header, footer, and primary navigation backgrounds.
- Accent
Cdiscount Blue is used for links, badges, and informational highlights.
- Backgrounds
White and light gray backgrounds provide a clean, neutral canvas for product imagery and content.
- Text
Navy is used for primary text, with medium and muted grays for secondary and disabled text.
- Semantic
Green, yellow, and red are reserved for success, warning, and error states in forms and notifications.
Cdiscount color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Cdiscount brand color is orange, hex code #F16E00.
Cdiscount Orange is #F16E00, which is RGB(241, 110, 0) and approximately CMYK(0, 54, 100, 5).
Cdiscount uses several grays: #F5F6FA for light backgrounds, #E0E0E0 for borders, #666666 for secondary text, and #A0A0A0 for muted text.
Use Cdiscount Orange (#F16E00) for primary actions, navy (#232B38) for navigation and main text, and grays for backgrounds and secondary elements. Accent blue (#0072C6) is reserved for links and informational highlights.
The secondary color is Cdiscount Navy, #232B38, and the accent is Cdiscount Blue, #0072C6. 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 Cdiscount's colors consistently when it generates UI.
Make something in the spirit of Cdiscount
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.
