Triadic · 7 colors · May 23, 2026
Tumbleweed & Mermaid
Born from "Tumbleweed & Mermaid", Tumbleweed & Mermaid explores the harmony of colors that speak without contradiction. Within it, a warm, enveloping sensuality, crossed by a dramatic tension that commands attention.
✦Palette Usage Guide
Interface Design
Combine #34260c for text on #dfe0d9 background.
Emotional Impact
Born from "Tumbleweed & Mermaid", Tumbleweed & Mermaid explores the harmony of colors that speak without contradiction. Within it, a warm, enveloping sensuality, crossed by a dramatic tension that commands attention.
11.1:1
AAA
3.2:1
AA Large
3.5: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: #34260c;
--color-couleur-2: #503e1d;
--color-couleur-3: #685a3d;
--color-couleur-4: #827b67;
--color-couleur-5: #aea997;
--color-couleur-6: #d0d3d1;
--color-couleur-7: #dfe0d9;
}'tumbleweed-mermaid': {
700: '#34260c',
600: '#503e1d',
500: '#685a3d',
400: '#827b67',
300: '#aea997',
200: '#d0d3d1',
100: '#dfe0d9',
}{
"name": "Tumbleweed & Mermaid",
"harmony": "Triadic",
"colors": [
{
"name": "Couleur 1",
"hex": "#34260c"
},
{
"name": "Couleur 2",
"hex": "#503e1d"
},
{
"name": "Couleur 3",
"hex": "#685a3d"
},
{
"name": "Couleur 4",
"hex": "#827b67"
},
{
"name": "Couleur 5",
"hex": "#aea997"
},
{
"name": "Couleur 6",
"hex": "#d0d3d1"
},
{
"name": "Couleur 7",
"hex": "#dfe0d9"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Tumbleweed & Mermaid
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
Enthusiasm & Boldness
Couleur 1 is a deep orange with rich saturation that commands positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.
Creativity & Accessibility
Couleur 2 is a dark orange with balanced saturation that commands positive, communicative energy. Softened, it preserves orange's vitality without its impetuosity — ideal for brands wanting to appear both inventive and warm.
Creativity & Accessibility
Couleur 3 is a dark orange with quiet saturation that evokes positive, communicative energy. Softened, it preserves orange's vitality without its impetuosity — ideal for brands wanting to appear both inventive and warm.
Neutrality & Mediation
Couleur 4 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 5 creates space and breathing room without the aggressiveness of pure white — light and muted, it reduces visual fatigue and invites reading.
Purity & Timelessness
Couleur 6 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.
Purity & Timelessness
Couleur 7 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.
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