Complementary · 5 colors · May 23, 2026
Screen & Off
Built on the natural fluidity of colors that touch in the spectrum, Screen & Off unfolds an elegant and restrained refinement. a contrast that cuts and asserts — an invitation to elegance and rigor.
✦Palette Usage Guide
Interface Design
Combine #595f6e for text on #eff0f5 background.
Emotional Impact
Built on the natural fluidity of colors that touch in the spectrum, Screen & Off unfolds an elegant and restrained refinement. a contrast that cuts and asserts — an invitation to elegance and rigor.
5.6:1
AA
2.3:1
Fail
2.4: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: #595f6e;
--color-couleur-2: #798596;
--color-couleur-3: #9aa0a7;
--color-couleur-4: #d2cdcb;
--color-couleur-5: #eff0f5;
}'screen-off': {
500: '#595f6e',
400: '#798596',
300: '#9aa0a7',
200: '#d2cdcb',
100: '#eff0f5',
}{
"name": "Screen & Off",
"harmony": "Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#595f6e"
},
{
"name": "Couleur 2",
"hex": "#798596"
},
{
"name": "Couleur 3",
"hex": "#9aa0a7"
},
{
"name": "Couleur 4",
"hex": "#d2cdcb"
},
{
"name": "Couleur 5",
"hex": "#eff0f5"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Screen & Off
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 — medium and muted, it structures without dominating. Ideal as a background or type color in mature design systems.
Neutrality & Mediation
Couleur 2 is visual silence par excellence — medium and muted, it never takes sides and lets other colors express themselves while maintaining systemic coherence.
Lightness & Space
Couleur 3 creates space and breathing room without the aggressiveness of pure white — light and muted, it reduces visual fatigue and invites reading.
Purity & Timelessness
Couleur 4 represents the blank page — pale and muted, it evokes transparency and honesty. In luxury as in tech, it signifies the essential stripped of the superfluous.
Serenity & Openness
Couleur 5 whispers the pale, quiet register of blue — the universal color of trust, here expressed with its own personality. Its clarity disarms mistrust and opens dialogue. Interface, onboarding, welcome — this blue dissolves the user's psychological barriers.
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