Corriere della Sera color palette
MediaCorriere della Sera employs a classic, monochrome color identity centered on black, white, and neutral grays, reflecting its heritage as a leading Italian newspaper. The palette is minimal and authoritative, supporting clear, legible journalism.
corriere.itCorriere della Sera colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Corriere NeroPrimary34, 34, 34
- Corriere BiancoSecondary255, 255, 255
- Corriere Grigio ChiaroAccent179, 179, 179
Surfaces
Page, cards and dividers.- Corriere SfondoBackground245, 245, 245
- Corriere SuperficieSurface229, 229, 229
- Corriere BordoBorder204, 204, 204
Text
Three tiers of copy.- Corriere Testo PrincipaleText34, 34, 34
- Corriere Testo SecondarioSecondary text102, 102, 102
- Corriere Testo AttenuatoMuted text153, 153, 153
Semantic
Feedback and state colors.- Corriere Verde SuccessoSuccess46, 125, 50
- Corriere Giallo AvvisoWarning249, 168, 37
- Corriere Rosso ErroreError198, 40, 40
- Corriere Blu InfoInfo21, 101, 192
Use Corriere della Sera's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
corriere-della-sera-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1565C0;
--error: #C62828;
--accent: #B3B3B3;
--border: #CCCCCC;
--primary: #222222;
--success: #2E7D32;
--surface: #E5E5E5;
--warning: #F9A825;
--secondary: #FFFFFF;
--text-muted: #999999;
--background: #F5F5F5;
--text-primary: #222222;
--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.6:1
Pass
Text on surface
Needs 4.5:1 for body text
12.6: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
Corriere della Sera gray and neutral colors
The quiet part of the Corriere della Sera palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Corriere SfondoBackground
- HEX
- RGB
- HSL
- Corriere SuperficieSurface
- HEX
- RGB
- HSL
- Corriere BordoBorder
- HEX
- RGB
- HSL
- Corriere Testo PrincipaleText
- HEX
- RGB
- HSL
- Corriere Testo SecondarioSecondary text
- HEX
- RGB
- HSL
- Corriere Testo AttenuatoMuted text
- HEX
- RGB
- HSL
About Corriere della Sera's colors
Corriere della Sera's palette is grounded in monochrome tones, emphasizing clarity and tradition. The restrained use of color supports a serious, journalistic tone.
Primary black contrasts with white for maximum legibility.
Grays are used for hierarchy and separation.
Accent colors are reserved for functional UI states.
Psychology
The dominance of black and white conveys authority, reliability, and timelessness. Minimal color use maintains focus on content and readability.
Evolution
The palette has remained stable, reflecting the newspaper's long-standing visual identity. Occasional accent colors have been introduced for digital UI needs, but the core monochrome scheme is unchanged.
Where Corriere della Sera uses each color
- Primary
Used for headlines, masthead, and primary navigation elements.
- Secondary
Backgrounds and article body text are set in white for clarity.
- Accent
Light gray accents appear in dividers, UI controls, and secondary information.
- Backgrounds
Off-white and very light gray backgrounds are used for article pages and section containers.
- Text
Primary text is black, with secondary and muted grays for metadata and less prominent information.
- Semantic
Green, yellow, red, and blue are used sparingly for status messages, alerts, and notifications.
Corriere della Sera color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary brand color is Corriere Nero, hex #222222. This is used for the logo, headlines, and main navigation.
The RGB value for #222222 is (34, 34, 34). In CMYK, it is approximately (0, 0, 0, 87).
The brand uses a range of grays including #B3B3B3 (Corriere Grigio Chiaro), #E5E5E5 (Corriere Superficie), and #CCCCCC (Corriere Bordo) for UI elements and backgrounds.
Use #222222 for primary text and navigation, #FFFFFF for backgrounds, and the official grays for dividers and secondary UI elements. Accent and semantic colors should be used sparingly for alerts and status indications.
The secondary color is Corriere Bianco, #FFFFFF, and the accent is Corriere Grigio Chiaro, #B3B3B3. 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 Corriere della Sera's colors consistently when it generates UI.
Make something in the spirit of Corriere della Sera
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.