Moncler color palette
FashionMoncler's color identity is defined by a classic, high-contrast palette of deep navy, bright white, and bold red, reflecting its French heritage and luxury positioning. The brand uses these colors consistently across its products, website, and visual materials.
moncler.comMoncler colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Moncler NavyPrimary26, 34, 58
- Moncler WhiteSecondary255, 255, 255
- Moncler RedAccent227, 6, 19
Surfaces
Page, cards and dividers.- Moncler Light GrayBackground245, 245, 245
- Moncler Pale GraySurface233, 234, 236
- Moncler Border GrayBorder197, 199, 205
Text
Three tiers of copy.- Moncler Navy TextText26, 34, 58
- Moncler Medium Gray TextSecondary text110, 110, 115
- Moncler Muted Gray TextMuted text161, 161, 166
Semantic
Feedback and state colors.- Moncler Success GreenSuccess60, 179, 113
- Moncler Warning YellowWarning255, 179, 0
- Moncler Error RedError215, 38, 61
- Moncler Info BlueInfo25, 118, 210
Use Moncler's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
moncler-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D7263D;
--accent: #E30613;
--border: #C5C7CD;
--primary: #1A223A;
--success: #3CB371;
--surface: #E9EAEC;
--warning: #FFB300;
--secondary: #FFFFFF;
--text-muted: #A1A1A6;
--background: #F5F5F5;
--text-primary: #1A223A;
--text-secondary: #6E6E73;
}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.4:1
Pass
Text on surface
Needs 4.5:1 for body text
13.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.7: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
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.1:1
Fail
Moncler background, border and text colors
The quiet part of the Moncler palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Moncler Light GrayBackground
- HEX
- RGB
- HSL
- Moncler Pale GraySurface
- HEX
- RGB
- HSL
- Moncler Border GrayBorder
- HEX
- RGB
- HSL
- Moncler Navy TextText
- HEX
- RGB
- HSL
- Moncler Medium Gray TextSecondary text
- HEX
- RGB
- HSL
- Moncler Muted Gray TextMuted text
- HEX
- RGB
- HSL
About Moncler's colors
Moncler's palette is rooted in the French tricolor, emphasizing luxury and clarity through strong contrasts. The use of navy, white, and red creates a timeless, recognizable identity.
Primary navy contrasts with crisp white for readability.
Red accent is reserved for highlights and brand marks.
Grays provide neutral backgrounds and UI support.
Psychology
Navy conveys trust, sophistication, and stability, while red adds energy and draws attention to key elements. The white and gray tones reinforce a sense of cleanliness and premium quality.
Evolution
Moncler's palette has remained stable, consistently using navy, white, and red since its inception. Minor adjustments to gray tones have modernized the UI without altering the brand's core identity.
Where Moncler uses each color
- Primary
Moncler Navy is used for headers, navigation bars, and key brand elements.
- Secondary
Moncler White serves as the main background and for product photography.
- Accent
Moncler Red is used sparingly for call-to-action buttons, logos, and highlights.
- Backgrounds
Moncler Light Gray and Pale Gray are used for page backgrounds and UI surfaces.
- Text
Navy is used for primary text, with medium and muted grays for secondary and less prominent text.
- Semantic
Success, warning, error, and info colors are used for system messages and notifications in digital interfaces.
Moncler color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Moncler primary brand color is Moncler Navy, hex code #1A223A.
Moncler Navy (#1A223A) in RGB is (26, 34, 58). For CMYK, it is approximately (55, 41, 0, 77).
Moncler uses Moncler Light Gray (#F5F5F5), Pale Gray (#E9EAEC), Border Gray (#C5C7CD), and several text grays such as Medium Gray (#6E6E73) and Muted Gray (#A1A1A6) for UI and backgrounds.
Navy and white should dominate layouts, with red reserved for accents and calls to action. Grays support UI clarity, and semantic colors are used for alerts and notifications, always using the exact hex codes provided.
The secondary color is Moncler White, #FFFFFF, and the accent is Moncler Red, #E30613. 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 Moncler's colors consistently when it generates UI.
Make something in the spirit of Moncler
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.