Complementary · 5 colors · April 16, 2026
Surprise & Lime
Born from "Surprise & Lime", Surprise & Lime explores the square architecture of four hues forming a coherent whole. Within it, a space of quiet contemplation, crossed by a gentle yet readable progression.
Complementary#329A70Couleur 1
RGB50 154 112HSL156 51 40
#3427AACouleur 2
RGB52 39 170HSL246 63 41
#B5738DCouleur 3
RGB181 115 141HSL336 31 58
#B1B96ACouleur 4
RGB177 185 106HSL66 36 57
#163C2DCouleur 5
RGB22 60 45HSL156 46 16
Technical Specs
Developer handoff assets with copyable code blocks for design systems.
CSS
:root {
--color-couleur-1: #329a70;
--color-couleur-2: #3427aa;
--color-couleur-3: #b5738d;
--color-couleur-4: #b1b96a;
--color-couleur-5: #163c2d;
}Tailwind
'surprise-lime': {
500: '#329a70',
400: '#3427aa',
300: '#b5738d',
200: '#b1b96a',
100: '#163c2d',
}JSON
{
"name": "Surprise & Lime",
"harmony": "Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#329a70"
},
{
"name": "Couleur 2",
"hex": "#3427aa"
},
{
"name": "Couleur 3",
"hex": "#b5738d"
},
{
"name": "Couleur 4",
"hex": "#b1b96a"
},
{
"name": "Couleur 5",
"hex": "#163c2d"
}
]
}PNG
Pinterest PNG
1000 × 1500
Accessibility
Contrast Ratios
Each color vs. white background
Couleur 1
White
3.5:1AA Large
Black
5.99:1AA
Couleur 2
White
10.41:1AAA
Black
2.02:1Fail
Couleur 3
White
3.62:1AA Large
Black
5.8:1AA
Couleur 4
White
2.1:1Fail
Black
10.02:1AAA
Couleur 5
White
12.22:1AAA
Black
1.72:1Fail
✦Palette Usage Guide
Application Scenarios
Interface Design
Combine #163c2d for text on #b1b96a background.
Emotional Impact
Born from "Surprise & Lime", Surprise & Lime explores the square architecture of four hues forming a coherent whole. Within it, a space of quiet contemplation, crossed by a gentle yet readable progression.
Contrast Analysis
Text on Canvas
5.8:1
AA
Secondary on Canvas
1.7:1
Fail
Accent on Base
3.4:1
AA Large