Split-Complementary · 5 colors · April 26, 2026
Superman
Superman — the sharp dialogue of two hues facing one another. The palette develops a balance between void and form and establishes a dramatic tension that commands attention. A chromatic vocabulary for growth and vitality.
✦Palette Usage Guide
Interface Design
Combine #1a2f6b for text on #fcf0e9 background.
Emotional Impact
Superman — the sharp dialogue of two hues facing one another. The palette develops a balance between void and form and establishes a dramatic tension that commands attention. A chromatic vocabulary for growth and vitality.
11.3:1
AAA
4:1
AA Large
2.8:1
Fail
Convert palette to thread / yarn
Closest matches across major brands
Approximate sRGB matches — request a physical color card from each brand before purchasing.
Developer Assets
Developer handoff assets with copyable code blocks for design systems.
:root {
--color-couleur-1: #1a2f6b;
--color-couleur-2: #bc3520;
--color-couleur-3: #3e71e0;
--color-couleur-4: #e66a65;
--color-couleur-5: #fcf0e9;
}'superman': {
500: '#1a2f6b',
400: '#bc3520',
300: '#3e71e0',
200: '#e66a65',
100: '#fcf0e9',
}{
"name": "Superman",
"harmony": "Split-Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#1a2f6b"
},
{
"name": "Couleur 2",
"hex": "#bc3520"
},
{
"name": "Couleur 3",
"hex": "#3e71e0"
},
{
"name": "Couleur 4",
"hex": "#e66a65"
},
{
"name": "Couleur 5",
"hex": "#fcf0e9"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Superman
The intersection of form and function reveals the palette in all its depth. Every hue is intentional, every space is a breath.
Surface Card
System element
Color Psychology
Trust & Authority
Couleur 1 evokes the dark, rich register of blue — the universal color of trust, here expressed with its own personality. Its depth makes it the color of institutions, decision-makers, and leaders who have nothing to prove. Serious, stable, timeless.
Energy & Urgency
Couleur 2 is a medium, rich red that evokes a direct, assertive presence. Its saturation level makes it an immediate visual signal: ideal for CTAs, conversion moments, and decisive instants.
Reliability & Clarity
Couleur 3 evokes the light, rich register of blue — the universal color of trust, here expressed with its own personality. It reconciles authority and accessibility with natural elegance. Reassuring for decision-makers, engaging for users.
Energy & Urgency
Couleur 4 is a light, rich red that radiates a direct, assertive presence. Its saturation level makes it an immediate visual signal: ideal for CTAs, conversion moments, and decisive instants.
Warmth & Benevolence
Couleur 5 radiates the pale, rich warmth of fired clay — a shade that is both reassuring and memorable. In its lighter tones, it sheds the heaviness of saturated orange to gain accessibility and human closeness.
Moodboard
No images found
Brand PDF
Premium Brand Guidelines document with palette, color psychology and moodboard.
PDF Brand Identity Export
7 premium pages: Cover · Palette · Detail · Typography · Usage Guide