Split-Complementary · 5 colors · May 14, 2026
Orange and Green
Orange and Green — the natural fluidity of colors that touch in the spectrum. The palette develops the sobriety of a mastered architectural space and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for growth and vitality.
✦Palette Usage Guide
Interface Design
Combine #453721 for text on #c6dcc6 background.
Emotional Impact
Orange and Green — the natural fluidity of colors that touch in the spectrum. The palette develops the sobriety of a mastered architectural space and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for growth and vitality.
7.9:1
AAA
4:1
AA Large
2: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: #453721;
--color-couleur-2: #49613d;
--color-couleur-3: #ad4500;
--color-couleur-4: #6eaaaa;
--color-couleur-5: #c6dcc6;
}'orange-and-green': {
500: '#453721',
400: '#49613d',
300: '#ad4500',
200: '#6eaaaa',
100: '#c6dcc6',
}{
"name": "Orange and Green",
"harmony": "Split-Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#453721"
},
{
"name": "Couleur 2",
"hex": "#49613d"
},
{
"name": "Couleur 3",
"hex": "#ad4500"
},
{
"name": "Couleur 4",
"hex": "#6eaaaa"
},
{
"name": "Couleur 5",
"hex": "#c6dcc6"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Orange and Green
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, quiet 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.
Grounding & Durability
Couleur 2 is a dark, quiet lime green that anchors the permanence of ancient forests. Its depth inspires enduring trust — the color of brands that think long-term and value solidity over shine.
Authenticity & Grounding
Couleur 3 commands the dark, vivid 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.
Freshness & Clarity
Couleur 4 evokes the invigorating clarity of tropical waters — a light, quiet hue at the boundary of blue and green. Its clarity brings freshness and trust simultaneously — the signal of a brand that is both modern and caring.
Balance & Harmony
Couleur 5 is a pale, quiet emerald green that whispers a serene, timeless botanical balance. Its restrained saturation makes it a green that knows how to step back and support other elements — invaluable in balanced design systems.
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