Complementary · 5 colors · April 28, 2026
Clouds & Fawn
Born from "Clouds & Fawn", Clouds & Fawn explores the intense vibration of two spectral extremes in contact. Within it, a balance between void and form, crossed by a dramatic tension that commands attention.
✦Palette Usage Guide
Interface Design
Combine #114159 for text on #aaeeff background.
Emotional Impact
Born from "Clouds & Fawn", Clouds & Fawn explores the intense vibration of two spectral extremes in contact. Within it, a balance between void and form, crossed by a dramatic tension that commands attention.
8.5:1
AAA
2.6:1
Fail
3.3: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: #aaeeff;
--color-couleur-2: #ecc4a6;
--color-couleur-3: #3396c7;
--color-couleur-4: #744523;
--color-couleur-5: #114159;
}'clouds-fawn': {
500: '#aaeeff',
400: '#ecc4a6',
300: '#3396c7',
200: '#744523',
100: '#114159',
}{
"name": "Clouds & Fawn",
"harmony": "Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#aaeeff"
},
{
"name": "Couleur 2",
"hex": "#ecc4a6"
},
{
"name": "Couleur 3",
"hex": "#3396c7"
},
{
"name": "Couleur 4",
"hex": "#744523"
},
{
"name": "Couleur 5",
"hex": "#114159"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Clouds & Fawn
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
Innovation & Precision
Couleur 1 is a pale, vivid cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.
Warmth & Benevolence
Couleur 2 breathes 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.
Innovation & Precision
Couleur 3 is a medium, balanced cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.
Authenticity & Grounding
Couleur 4 evokes the dark, balanced warmth of fired clay — a shade that is both reassuring and memorable. It evokes craftsmanship, raw materials, and tradition. Brands that adopt it communicate authenticity effortlessly.
Innovation & Precision
Couleur 5 is a dark, rich cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.
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