Complementary · 7 colors · May 23, 2026
Orange & Balboa
Built on an organic progression between hues bound by kinship, Orange & Balboa unfolds a balance between void and form. a dramatic tension that commands attention — an invitation to growth and vitality.
✦Palette Usage Guide
Interface Design
Combine #452712 for text on #dcecf0 background.
Emotional Impact
Built on an organic progression between hues bound by kinship, Orange & Balboa unfolds a balance between void and form. a dramatic tension that commands attention — an invitation to growth and vitality.
11.1:1
AAA
3.4:1
AA Large
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: #452712;
--color-couleur-2: #904a1b;
--color-couleur-3: #6c5c33;
--color-couleur-4: #c16326;
--color-couleur-5: #f27220;
--color-couleur-6: #afd1d7;
--color-couleur-7: #dcecf0;
}'orange-balboa': {
700: '#452712',
600: '#904a1b',
500: '#6c5c33',
400: '#c16326',
300: '#f27220',
200: '#afd1d7',
100: '#dcecf0',
}{
"name": "Orange & Balboa",
"harmony": "Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#452712"
},
{
"name": "Couleur 2",
"hex": "#904a1b"
},
{
"name": "Couleur 3",
"hex": "#6c5c33"
},
{
"name": "Couleur 4",
"hex": "#c16326"
},
{
"name": "Couleur 5",
"hex": "#f27220"
},
{
"name": "Couleur 6",
"hex": "#afd1d7"
},
{
"name": "Couleur 7",
"hex": "#dcecf0"
}
]
}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 & Balboa
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 deep, 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 evokes the dark, rich 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 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.
Authenticity & Grounding
Couleur 4 evokes the medium, rich 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.
Warmth & Benevolence
Couleur 5 evokes the medium, vivid 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.
Serenity & Lightness
Couleur 6 is a pale, quiet cyan positioned midway between blue's analytical rigor and green's vitality. More airy, it reduces cognitive friction and eases exploration. The shade of interfaces that guide without imposing.
Serenity & Lightness
Couleur 7 is a pale, balanced cyan positioned midway between blue's analytical rigor and green's vitality. More airy, it reduces cognitive friction and eases exploration. The shade of interfaces that guide without imposing.
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