Swiss Editorial Clean
Crisp modernist editorial palette highlighting pure typography, grayscale tones, and a striking crimson accent.
#Minimal#Creative#Bold
COLOR 1
#FFFFFF
White
COLOR 2
#F4F4F5
White Smoke
COLOR 3
#A1A1AA
Dark Gray
COLOR 4
#27272A
Anthracite
COLOR 5
#E11D48
Beni Red
Suitable Design Applications
Editorial Publishing PlatformsArchitectural MonographsDesign Agency ShowcaseMinimalist Blogs
Visual Psychology & Mood
Intellectual rigor, clarity, zero distraction, and timeless modernist authority.
Editorial Application Advice
Rooted in the International Typographic Style. Stark black and pure white energized by a singular, unapologetic vermilion red accent for grid rules and headings.
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #FFFFFF;
--color-2: #F4F4F5;
--color-3: #A1A1AA;
--color-4: #27272A;
--color-5: #E11D48;
}Role-Based WCAG Contrast Audit
Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:
Sample Text
#FFFFFF on #27272A14.89:1
Normal Text AA Pass
Sample Text
#FFFFFF on #E11D484.70:1
Normal Text AA Pass
Sample Text
#F4F4F5 on #27272A13.55:1
Normal Text AA Pass
Sample Text
#F4F4F5 on #E11D484.27:1
Large Text Only (Pass)
Sample Text
#A1A1AA on #27272A5.81:1
Normal Text AA Pass
Sample Text
#A1A1AA on #E11D481.83:1
Large Text Only (Fail)
Related Palettes in Minimal
Explore MinimalFrequently Asked Questions About Swiss Editorial Clean
Production design guidance and accessibility rules for applying the Swiss Editorial Clean (Minimal) color palette.
What is the recommended role hierarchy for the Swiss Editorial Clean palette?
In digital interface design, allocate #FFFFFF and #E11D48 for structural surface canvas and typography hierarchy (the 60% and 30% layers of the design), while using standout swatches like #F4F4F5 or #A1A1AA as your 10% primary action accent for buttons, badges, and interactive highlights.
Are the colors in Swiss Editorial Clean WCAG accessible for web body copy?
Always verify contrast ratios against WCAG 2.2 AA standards (minimum 4.5:1 for regular body copy and 3.0:1 for large text or graphical controls). Consult the Role-Based WCAG Contrast Audit section above to see exact scores for every foreground/background combination in this palette.
How can I export the Swiss Editorial Clean palette to my frontend codebase?
You can copy CSS Custom Properties directly from the CSS Variables code block above, export Tailwind CSS configuration tokens, download a high-resolution PNG card, or open the entire palette inside the interactive Palette Generator to experiment with tints and harmonies.