ColorSeed

Split-Complementary · 5 colors · April 26, 2026

Green & Vegan

Create palette

Born from "Green & Vegan", Green & Vegan explores the subtlety of indirect contrast — less aggressive, more nuanced. Within it, the sobriety of a mastered architectural space, crossed by a gentle yet readable progression.

Split-ComplementaryPrintCoolNature
#DC4C41Couleur 1
RGB220 76 65HSL4 69 56
#837467Couleur 2
RGB131 116 103HSL28 12 46
#0FBD86Couleur 3
RGB15 189 134HSL161 85 40
#C9B9ABCouleur 4
RGB201 185 171HSL28 22 73
#1F4130Couleur 5
RGB31 65 48HSL150 35 19

Palette Usage Guide

Application Scenarios

Interface Design

Combine #1f4130 for text on #c9b9ab background.

Emotional Impact

Born from "Green & Vegan", Green & Vegan explores the subtlety of indirect contrast — less aggressive, more nuanced. Within it, the sobriety of a mastered architectural space, crossed by a gentle yet readable progression.

Contrast Analysis
Text on Canvas

5.9:1

AA

Secondary on Canvas

2.1:1

Fail

Accent on Base

2.8:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :40 (Approximate)
#DC4C41
DMC 349
Coral Dark
ΔE 41
#837467
DMC 414
Steel Gray Dark
ΔE 42
#0FBD86
DMC 958
Sea Green Dk
ΔE 73
#C9B9AB
DMC 415
Pearl Gray
ΔE 34
#1F4130
DMC 500
Blue Green Vy Dk
ΔE 12

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: #dc4c41;
  --color-couleur-2: #837467;
  --color-couleur-3: #0fbd86;
  --color-couleur-4: #c9b9ab;
  --color-couleur-5: #1f4130;
}
Tailwind
'green-vegan': {
  500: '#dc4c41',
  400: '#837467',
  300: '#0fbd86',
  200: '#c9b9ab',
  100: '#1f4130',
}
JSON
{
  "name": "Green & Vegan",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#dc4c41"
    },
    {
      "name": "Couleur 2",
      "hex": "#837467"
    },
    {
      "name": "Couleur 3",
      "hex": "#0fbd86"
    },
    {
      "name": "Couleur 4",
      "hex": "#c9b9ab"
    },
    {
      "name": "Couleur 5",
      "hex": "#1f4130"
    }
  ]
}
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
4.08:1AA Large
Black
5.15:1AA
Couleur 2
White
4.51:1AA
Black
4.66:1AA
Couleur 3
White
2.43:1Fail
Black
8.64:1AAA
Couleur 4
White
1.91:1Fail
Black
11.01:1AAA
Couleur 5
White
11.31:1AAA
Black
1.86:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Green & Vegan

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

Energy & Urgency

Couleur 1 is a light, rich red that evokes a direct, assertive presence. Its saturation level makes it an immediate visual signal: ideal for CTAs, conversion moments, and decisive instants.

ActionUrgencyEnergyVitality
Couleur 2

Neutrality & Mediation

Couleur 2 is visual silence par excellence — medium and muted, it never takes sides and lets other colors express themselves while maintaining systemic coherence.

NeutralityCoherenceSilenceBalance
Couleur 3

Depth & Mystery

Couleur 3 evokes the silent depth of the ocean floor — a medium, vivid hue at the boundary of blue and green. Rare and sophisticated, it evokes a quiet wisdom and accessible mystery. It commands without aggression.

MysteryDepthWisdomSophistication
Couleur 4

Warmth & Benevolence

Couleur 4 whispers the pale, quiet 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.

ClosenessWarmthBenevolenceLifestyle
Couleur 5

Grounding & Durability

Couleur 5 is a deep, quiet sage green that commands the permanence of ancient forests. Its depth inspires enduring trust — the color of brands that think long-term and value solidity over shine.

SolidityDurabilityTrustPermanence
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 →