Swiss Design Color Palette
Bold red, clean black, and pure white with structured gray embody the precision of Swiss International Style. This typographic palette powers poster design, wayfinding systems, and museum branding.
#FF0000
Vivid Red
RGB(255, 0, 0)
HSL(0, 100%, 50%)
#000000
Black
RGB(0, 0, 0)
HSL(0, 0%, 0%)
#FFFFFF
White
RGB(255, 255, 255)
HSL(0, 0%, 100%)
#333333
Charcoal
RGB(51, 51, 51)
HSL(0, 0%, 20%)
#CCCCCC
Light Gray
RGB(204, 204, 204)
HSL(0, 0%, 80%)
#F5F5F5
White
RGB(245, 245, 245)
HSL(0, 0%, 96%)
lightbulbBest Use Cases
- checkPoster design
- checkWayfinding systems
- checkMuseum branding
businessIndustries
- checkDesign
- checkCulture
Mood:precise
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #FF0000;
--color-2: #000000;
--color-3: #FFFFFF;
--color-4: #333333;
--color-5: #CCCCCC;
--color-6: #F5F5F5;
}Tailwind CSS Config
colors: {
'swiss-design-1': '#FF0000',
'swiss-design-2': '#000000',
'swiss-design-3': '#FFFFFF',
'swiss-design-4': '#333333',
'swiss-design-5': '#CCCCCC',
'swiss-design-6': '#F5F5F5',
}swissinternationaltypographicpreciseminimal
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free