Complementary · 5 colors · May 10, 2026
Back to the future
Through the perfect balance of opposites — each one revealing the other, Back to the future composes an elegant and restrained refinement. The contrast between hues evokes growth, vitality.
✦Palette Usage Guide
Interface Design
Combine #3c3e54 for text on #faf7f3 background.
Emotional Impact
Through the perfect balance of opposites — each one revealing the other, Back to the future composes an elegant and restrained refinement. The contrast between hues evokes growth, vitality.
9.8:1
AAA
2.1:1
Fail
4.6:1
AA
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: #3c3e54;
--color-couleur-2: #e96738;
--color-couleur-3: #bca994;
--color-couleur-4: #f3ebda;
--color-couleur-5: #faf7f3;
}'back-to-the-future': {
500: '#3c3e54',
400: '#e96738',
300: '#bca994',
200: '#f3ebda',
100: '#faf7f3',
}{
"name": "Back to the future",
"harmony": "Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#3c3e54"
},
{
"name": "Couleur 2",
"hex": "#e96738"
},
{
"name": "Couleur 3",
"hex": "#bca994"
},
{
"name": "Couleur 4",
"hex": "#f3ebda"
},
{
"name": "Couleur 5",
"hex": "#faf7f3"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Back to the future
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 anchors the dark, muted 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 light, vivid red that evokes a direct, assertive presence. Its saturation level makes it an immediate visual signal: ideal for CTAs, conversion moments, and decisive instants.
Warmth & Benevolence
Couleur 3 whispers the light, quiet 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.
Creativity & Accessibility
Couleur 4 is a pale orange with balanced saturation that breathes positive, communicative energy. Softened, it preserves orange's vitality without its impetuosity — ideal for brands wanting to appear both inventive and warm.
Warmth & Benevolence
Couleur 5 breathes the pale, balanced 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