Lavazza color palette
Food & DrinkLavazza's color identity is defined by its signature deep blue, reflecting Italian heritage and premium coffee expertise. The palette uses strong neutrals and accents for clarity and brand recognition.
lavazza.comLavazza colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Lavazza BluePrimary0, 37, 84
- Lavazza WhiteSecondary255, 255, 255
- Lavazza GoldAccent214, 163, 74
Surfaces
Page, cards and dividers.- Lavazza Light GrayBackground245, 245, 245
- Lavazza Pale BlueSurface229, 233, 242
- Lavazza Border GrayBorder176, 184, 193
Text
Three tiers of copy.- Lavazza Blue TextText0, 37, 84
- Lavazza Secondary GraySecondary text75, 87, 102
- Lavazza Muted GrayMuted text140, 152, 164
Semantic
Feedback and state colors.- Lavazza GreenSuccess75, 170, 80
- Lavazza YellowWarning245, 183, 0
- Lavazza RedError215, 38, 61
- Lavazza Info BlueInfo61, 126, 219
Use Lavazza's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
lavazza-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3D7EDB;
--error: #D7263D;
--accent: #D6A34A;
--border: #B0B8C1;
--primary: #002554;
--success: #4BAA50;
--surface: #E5E9F2;
--warning: #F5B700;
--secondary: #FFFFFF;
--text-muted: #8C98A4;
--background: #F5F5F5;
--text-primary: #002554;
--text-secondary: #4B5766;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
13.8:1
Pass
Text on surface
Needs 4.5:1 for body text
12.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.1:1
Pass
Muted text on background
Needs 3:1 for large text
2.7:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Lavazza background, border and text colors
The quiet part of the Lavazza palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Lavazza Light GrayBackground
- HEX
- RGB
- HSL
- Lavazza Pale BlueSurface
- HEX
- RGB
- HSL
- Lavazza Border GrayBorder
- HEX
- RGB
- HSL
- Lavazza Blue TextText
- HEX
- RGB
- HSL
- Lavazza Secondary GraySecondary text
- HEX
- RGB
- HSL
- Lavazza Muted GrayMuted text
- HEX
- RGB
- HSL
About Lavazza's colors
Lavazza's palette centers on a deep blue, conveying trust and Italian tradition, complemented by gold for a premium touch. Neutrals and accent colors are used for clarity, hierarchy, and warmth.
Primary blue is paired with white for strong contrast.
Gold accent highlights premium features and calls to action.
Grays and pale blues support readability and subtlety.
Psychology
The deep blue evokes reliability, expertise, and a sense of heritage, while gold signals quality and luxury. Neutral grays and whites keep the interface clean and approachable.
Evolution
Lavazza's core blue has remained stable over decades as a brand anchor. Accent and neutral tones have been refined for modern digital clarity.
Where Lavazza uses each color
- Primary
Lavazza Blue is used in the logo, navigation bars, and key backgrounds.
- Secondary
Lavazza White is used for backgrounds, text, and negative space.
- Accent
Lavazza Gold highlights buttons, icons, and premium product details.
- Backgrounds
Lavazza Light Gray and Pale Blue are used for page backgrounds and content sections.
- Text
Lavazza Blue and Secondary Gray are used for primary and secondary text, with Muted Gray for less prominent information.
- Semantic
Green, yellow, red, and info blue are used for status indicators, alerts, and notifications.
Lavazza color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Lavazza brand color is Lavazza Blue, hex code #002554.
Lavazza Blue (#002554) is RGB(0, 37, 84) and CMYK(100, 56, 0, 67).
Lavazza uses Light Gray (#F5F5F5), Pale Blue (#E5E9F2), Border Gray (#B0B8C1), Secondary Gray (#4B5766), and Muted Gray (#8C98A4) for backgrounds, borders, and text.
Use Lavazza Blue (#002554) for branding elements, Gold (#D6A34A) for accents, and the gray tones for backgrounds and text to maintain visual hierarchy and clarity.
The secondary color is Lavazza White, #FFFFFF, and the accent is Lavazza Gold, #D6A34A. 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 Lavazza's colors consistently when it generates UI.
Make something in the spirit of Lavazza
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.