Split-Complementary · 5 colors · May 1, 2026
Teal & Underworld
Born from "Teal & Underworld", Teal & Underworld explores a unique chromatic harmony. Within it, an elegant and restrained refinement, crossed by a balanced modulation of values.
✦Palette Usage Guide
Interface Design
Combine #1b1f17 for text on #5fbfb3 background.
Emotional Impact
Born from "Teal & Underworld", Teal & Underworld explores a unique chromatic harmony. Within it, an elegant and restrained refinement, crossed by a balanced modulation of values.
7.6:1
AAA
1.1:1
Fail
6.6:1
AA
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: #1b1f17;
--color-couleur-2: #688e6f;
--color-couleur-3: #f08a05;
--color-couleur-4: #5fbfb3;
--color-couleur-5: #5fbfb3;
}'teal-underworld': {
500: '#1b1f17',
400: '#688e6f',
300: '#f08a05',
200: '#5fbfb3',
100: '#5fbfb3',
}{
"name": "Teal & Underworld",
"harmony": "Split-Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#1b1f17"
},
{
"name": "Couleur 2",
"hex": "#688e6f"
},
{
"name": "Couleur 3",
"hex": "#f08a05"
},
{
"name": "Couleur 4",
"hex": "#5fbfb3"
},
{
"name": "Couleur 5",
"hex": "#5fbfb3"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Teal & Underworld
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
Grounding & Durability
Couleur 1 is a deep, muted 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.
Balance & Harmony
Couleur 2 is a medium, muted emerald green that anchors 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.
Authenticity & Grounding
Couleur 3 evokes the medium, 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, balanced 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.
Freshness & Clarity
Couleur 5 evokes the invigorating clarity of tropical waters — a light, balanced 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.
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