Leica color palette
ConsumerLeica's color identity is defined by its iconic red, paired with deep black, crisp white, and neutral grays, reflecting its heritage in precision optics and design minimalism. The palette is stable and instantly recognizable across all brand touchpoints.
leica-camera.comLeica colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Leica RedPrimary226, 6, 18
- Leica BlackSecondary0, 0, 0
- Leica WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Leica Light GrayBackground245, 245, 245
- Leica Surface GraySurface229, 229, 229
- Leica Border GrayBorder204, 204, 204
Text
Three tiers of copy.- Leica Text BlackText0, 0, 0
- Leica Text GraySecondary text102, 102, 102
- Leica Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- Leica Success GreenSuccess75, 175, 80
- Leica Warning OrangeWarning245, 166, 35
- Leica Error RedError226, 6, 18
- Leica Info BlueInfo0, 120, 215
Use Leica's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
leica-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0078D7;
--error: #E20612;
--accent: #FFFFFF;
--border: #CCCCCC;
--primary: #E20612;
--success: #4BAF50;
--surface: #E5E5E5;
--warning: #F5A623;
--secondary: #000000;
--text-muted: #999999;
--background: #F5F5F5;
--text-primary: #000000;
--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
19.3:1
Pass
Text on surface
Needs 4.5:1 for body text
16.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.6: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.3:1
Fail
Leica gray and neutral colors
The quiet part of the Leica palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Leica Light GrayBackground
- HEX
- RGB
- HSL
- Leica Surface GraySurface
- HEX
- RGB
- HSL
- Leica Border GrayBorder
- HEX
- RGB
- HSL
- Leica Text BlackText
- HEX
- RGB
- HSL
- Leica Text GraySecondary text
- HEX
- RGB
- HSL
- Leica Muted GrayMuted text
- HEX
- RGB
- HSL
About Leica's colors
Leica's palette is rooted in high-contrast, minimal design, with red as the focal point. Black, white, and gray tones support clarity and timelessness.
Red and black create strong visual impact.
White and gray provide balance and readability.
Accent colors are used sparingly for semantic states.
Psychology
The red evokes passion, precision, and heritage, while black and white reinforce professionalism and clarity. The restrained use of color reflects Leica's commitment to craftsmanship and focus.
Evolution
Leica's palette has remained consistent for decades, with red and black as core elements. Minor adjustments to gray tones have occurred to support digital interfaces.
Where Leica uses each color
- Primary
Leica Red is used for the logo, key buttons, and important highlights.
- Secondary
Leica Black appears in navigation bars, footers, and product backgrounds.
- Accent
Leica White is used for backgrounds, text, and clean negative space.
- Backgrounds
Leica Light Gray and Surface Gray are used for page backgrounds and content areas.
- Text
Leica Text Black and Text Gray are used for primary and secondary text, respectively.
- Semantic
Green, orange, red, and blue are used for success, warning, error, and info states in UI elements.
Leica color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Leica primary color hex code is #E20612. This red is used for the logo and key highlights.
Leica Red (#E20612) is RGB(226, 6, 18) and typically specified as CMYK(0, 97, 92, 11) in print.
Leica uses several grays: Light Gray (#F5F5F5), Surface Gray (#E5E5E5), Border Gray (#CCCCCC), Text Gray (#666666), and Muted Gray (#999999) for UI backgrounds and text.
Use Leica Red (#E20612) sparingly for emphasis, with black, white, and grays as dominant UI colors. Semantic colors are reserved for status indicators and alerts.
The secondary color is Leica Black, #000000, and the accent is Leica White, #FFFFFF. 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 Leica's colors consistently when it generates UI.
Make something in the spirit of Leica
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.