ColorSeed

Split-Complementary · 5 colors · May 14, 2026

Green & Mauve

Create palette

Green & Mauve — an organic progression between hues bound by kinship. The palette develops a mineral, soothing freshness and establishes a measured rhythm between depth and clarity. A chromatic vocabulary for trust and depth.

Split-ComplementaryInteriorCoolMutedVintage
#3B2B39Couleur 1
RGB59 43 57HSL308 16 20
#5E5E73Couleur 2
RGB94 94 115HSL240 10 41
#BB4468Couleur 3
RGB187 68 104HSL342 47 50
#8DA460Couleur 4
RGB141 164 96HSL80 27 51
#ABC17BCouleur 5
RGB171 193 123HSL79 36 62

Palette Usage Guide

Application Scenarios

Interface Design

Combine #3b2b39 for text on #abc17b background.

Emotional Impact

Green & Mauve — an organic progression between hues bound by kinship. The palette develops a mineral, soothing freshness and establishes a measured rhythm between depth and clarity. A chromatic vocabulary for trust and depth.

Contrast Analysis
Text on Canvas

6.7:1

AA

Secondary on Canvas

2.6:1

Fail

Accent on Base

2.6:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :32 (Approximate)
#3B2B39
DMC 500
Blue Green Vy Dk
ΔE 59
#5E5E73
DMC 317
Pewter Gray
ΔE 29
#BB4468
DMC 601
Cranberry Dark
ΔE 23
#8DA460
DMC 989
Forest Green
ΔE 21
#ABC17B
DMC 704
Chartreuse Bright
ΔE 29

Approximate sRGB matches — request a physical color card from each brand before purchasing.

Technical Specs

Developer Assets

Developer handoff assets with copyable code blocks for design systems.

CSS
:root {
  --color-couleur-1: #3b2b39;
  --color-couleur-2: #5e5e73;
  --color-couleur-3: #bb4468;
  --color-couleur-4: #8da460;
  --color-couleur-5: #abc17b;
}
Tailwind
'green-mauve': {
  500: '#3b2b39',
  400: '#5e5e73',
  300: '#bb4468',
  200: '#8da460',
  100: '#abc17b',
}
JSON
{
  "name": "Green & Mauve",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#3b2b39"
    },
    {
      "name": "Couleur 2",
      "hex": "#5e5e73"
    },
    {
      "name": "Couleur 3",
      "hex": "#bb4468"
    },
    {
      "name": "Couleur 4",
      "hex": "#8da460"
    },
    {
      "name": "Couleur 5",
      "hex": "#abc17b"
    }
  ]
}
Export Image
Design Tokens

Design Tokens Export

W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.

Go Pro
Accessibility

Contrast Ratios

Each color vs. white background

Couleur 1
White
13.2:1AAA
Black
1.59:1Fail
Couleur 2
White
6.32:1AA
Black
3.32:1AA Large
Couleur 3
White
5.07:1AA
Black
4.14:1AA Large
Couleur 4
White
2.76:1Fail
Black
7.61:1AAA
Couleur 5
White
1.97:1Fail
Black
10.65:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Green & Mauve

The intersection of form and function reveals the palette in all its depth. Every hue is intentional, every space is a breath.

· Display · Body
UI Components
Buttons
Active

Surface Card

System element

Emotional Resonance

Color Psychology

Couleur 1

Intensity & Subversion

Couleur 1 is a dark, muted rose that anchors a strong, subversive cultural statement. In its dark tones, pink transforms — it becomes radical, contemporary, unforgettable. The choice of brands that own their singularity.

IntensitySubversionContemporaryImpact
Couleur 2

Sophistication & Balance

Couleur 2 masters the art of discretion — medium and muted, it structures without dominating. Ideal as a background or type color in mature design systems.

SophisticationDiscretionBalanceMaturity
Couleur 3

Passion & Engagement

Couleur 3 is a medium, balanced red that evokes a direct, assertive presence. It embodies measured passion — warm enough to capture attention, tempered enough to build trust.

PassionWarmthEngagementTrust
Couleur 4

Dynamism & Originality

Couleur 4 occupies rare chromatic territory — between yellow and green — with a quiet saturation that makes it dynamic and fresh. More restrained, it blends green's vitality with yellow's liveliness without assaulting the eye — ideal as an accent.

DynamismFreshnessOriginalityEnergy
Couleur 5

Dynamism & Originality

Couleur 5 occupies rare chromatic territory — between yellow and green — with a quiet saturation that makes it dynamic and fresh. More restrained, it blends green's vitality with yellow's liveliness without assaulting the eye — ideal as an accent.

DynamismFreshnessOriginalityEnergy
Visual Atmosphere

Moodboard

No images found

Export

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

Go Pro
Create your own palette on ColorSeed →