Monochromatic · 3 colors · April 30, 2026
Noir & Courtyard
Built on the harmony of colors that speak without contradiction, Noir & Courtyard unfolds a warm register that draws and holds. a gentle yet readable progression — an invitation to creativity and enthusiasm.
✦Palette Usage Guide
Interface Design
Combine #4e3921 for text on #c8bca3 background.
Emotional Impact
Built on the harmony of colors that speak without contradiction, Noir & Courtyard unfolds a warm register that draws and holds. a gentle yet readable progression — an invitation to creativity and enthusiasm.
5.8:1
AA
2:1
Fail
2.9: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: #4e3921;
--color-couleur-2: #928268;
--color-couleur-3: #c8bca3;
}'noir-courtyard': {
300: '#4e3921',
200: '#928268',
100: '#c8bca3',
}{
"name": "Noir & Courtyard",
"harmony": "Monochromatic",
"colors": [
{
"name": "Couleur 1",
"hex": "#4e3921"
},
{
"name": "Couleur 2",
"hex": "#928268"
},
{
"name": "Couleur 3",
"hex": "#c8bca3"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Noir & Courtyard
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
Authenticity & Grounding
Couleur 1 commands 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.
Authenticity & Grounding
Couleur 2 anchors the medium, muted 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.
Creativity & Accessibility
Couleur 3 is a light orange with quiet 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.
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