Complementary · 5 colors · May 10, 2026
Drift
Drift weaves the intense vibration of two spectral extremes in contact. the sobriety of a mastered architectural space — a gentle yet readable progression. It speaks of growth, vitality and of calming.
✦Palette Usage Guide
Interface Design
Combine #4c4a4f for text on #fee016 background.
Emotional Impact
Drift weaves the intense vibration of two spectral extremes in contact. the sobriety of a mastered architectural space — a gentle yet readable progression. It speaks of growth, vitality and of calming.
6.6:1
AA
1.7:1
Fail
3.9:1
AA Large
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: #4c4a4f;
--color-couleur-2: #f44123;
--color-couleur-3: #f89726;
--color-couleur-4: #adb3bd;
--color-couleur-5: #fee016;
}'drift': {
500: '#4c4a4f',
400: '#f44123',
300: '#f89726',
200: '#adb3bd',
100: '#fee016',
}{
"name": "Drift",
"harmony": "Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#4c4a4f"
},
{
"name": "Couleur 2",
"hex": "#f44123"
},
{
"name": "Couleur 3",
"hex": "#f89726"
},
{
"name": "Couleur 4",
"hex": "#adb3bd"
},
{
"name": "Couleur 5",
"hex": "#fee016"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Drift
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
Sophistication & Balance
Couleur 1 masters the art of discretion — dark and muted, it structures without dominating. Ideal as a background or type color in mature design systems.
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 evokes the light, vivid 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.
Lightness & Space
Couleur 4 creates space and breathing room without the aggressiveness of pure white — light and muted, it reduces visual fatigue and invites reading.
Enthusiasm & Boldness
Couleur 5 is a medium orange with vivid saturation that evokes positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.
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