Complementary · 5 colors · April 16, 2026
Copper & Arona
Copper & Arona — the perfect balance of opposites — each one revealing the other. The palette develops a balance between void and form and establishes a measured rhythm between depth and clarity. A chromatic vocabulary for growth and vitality.
Complementary#9B614BCouleur 1
RGB155 97 75HSL17 35 45
#347893Couleur 2
RGB52 120 147HSL197 48 39
#A28A81Couleur 3
RGB162 138 129HSL16 15 57
#8A9CA3Couleur 4
RGB138 156 163HSL197 12 59
#462E25Couleur 5
RGB70 46 37HSL16 31 21
Technical Specs
Developer handoff assets with copyable code blocks for design systems.
CSS
:root {
--color-couleur-1: #9b614b;
--color-couleur-2: #347893;
--color-couleur-3: #a28a81;
--color-couleur-4: #8a9ca3;
--color-couleur-5: #462e25;
}Tailwind
'copper-arona': {
500: '#9b614b',
400: '#347893',
300: '#a28a81',
200: '#8a9ca3',
100: '#462e25',
}JSON
{
"name": "Copper & Arona",
"harmony": "Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#9b614b"
},
{
"name": "Couleur 2",
"hex": "#347893"
},
{
"name": "Couleur 3",
"hex": "#a28a81"
},
{
"name": "Couleur 4",
"hex": "#8a9ca3"
},
{
"name": "Couleur 5",
"hex": "#462e25"
}
]
}PNG
Pinterest
1000 × 1500
Accessibility
Contrast Ratios
Each color vs. white background
Couleur 1
White
4.99:1AA
Black
4.21:1AA Large
Couleur 2
White
4.94:1AA
Black
4.25:1AA Large
Couleur 3
White
3.24:1AA Large
Black
6.49:1AA
Couleur 4
White
2.85:1Fail
Black
7.36:1AAA
Couleur 5
White
12.52:1AAA
Black
1.68:1Fail
✦Palette Usage Guide
Application Scenarios
Interface Design
Combine #462e25 for text on #8a9ca3 background.
Emotional Impact
Copper & Arona — the perfect balance of opposites — each one revealing the other. The palette develops a balance between void and form and establishes a measured rhythm between depth and clarity. A chromatic vocabulary for growth and vitality.
Contrast Analysis
Text on Canvas
4.4:1
AA Large
Secondary on Canvas
1.7:1
Fail
Accent on Base
2.5:1
Fail