Split-Complementary · 7 colors · May 2, 2026

Green & Leisure

Built on an organic progression between hues bound by kinship, Green & Leisure unfolds the sobriety of a mastered architectural space. a gentle yet readable progression — an invitation to growth and vitality.

Split-ComplementaryCool Dark Forest

#2D3626Couleur 1

RGB45 54 38HSL94 17 18

#2A4447Couleur 2

RGB42 68 71HSL186 26 22

#2C5054Couleur 3

RGB44 80 84HSL186 31 25

#275962Couleur 4

RGB39 89 98HSL189 43 27

#326571Couleur 5

RGB50 101 113HSL191 39 32

#3F7788Couleur 6

RGB63 119 136HSL194 37 39

#C29638Couleur 7

RGB194 150 56HSL41 55 49

✦Palette Usage Guide

Application Scenarios

Interface Design

Combine #2d3626 for text on #c29638 background.

Emotional Impact

Contrast Analysis

Text on Canvas

4.6:1

Secondary on Canvas

2.9:1

Fail

Accent on Base

1.6:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Brand :

Average ΔE :37 (Approximate)

#2D3626

DMC 500

Blue Green Vy Dk

ΔE 27

#2A4447

DMC 501

Blue Green Dk

ΔE 31

#2C5054

DMC 501

Blue Green Dk

ΔE 36

#275962

DMC 3765

Peacock Blue Vy D

ΔE 31

#326571

DMC 3765

Peacock Blue Vy D

ΔE 40

#3F7788

DMC 3838

Lavender Blue Dk

ΔE 45

#C29638

DMC 977

Golden Brown Lt

ΔE 50

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: #2d3626;
  --color-couleur-2: #2a4447;
  --color-couleur-3: #2c5054;
  --color-couleur-4: #275962;
  --color-couleur-5: #326571;
  --color-couleur-6: #3f7788;
  --color-couleur-7: #c29638;
}

Tailwind

'green-leisure': {
  700: '#2d3626',
  600: '#2a4447',
  500: '#2c5054',
  400: '#275962',
  300: '#326571',
  200: '#3f7788',
  100: '#c29638',
}

JSON

{
  "name": "Green & Leisure",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#2d3626"
    },
    {
      "name": "Couleur 2",
      "hex": "#2a4447"
    },
    {
      "name": "Couleur 3",
      "hex": "#2c5054"
    },
    {
      "name": "Couleur 4",
      "hex": "#275962"
    },
    {
      "name": "Couleur 5",
      "hex": "#326571"
    },
    {
      "name": "Couleur 6",
      "hex": "#3f7788"
    },
    {
      "name": "Couleur 7",
      "hex": "#c29638"
    }
  ]
}

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

12.6:1AAA

Black

1.67:1Fail

Couleur 2

White

10.42:1AAA

Black

2.02:1Fail

Couleur 3

White

8.81:1AAA

Black

2.38:1Fail

Couleur 4

White

7.8:1AAA

Black

2.69:1Fail

Couleur 5

White

6.49:1AA

Black

3.24:1AA Large

Couleur 6

White

4.99:1AA

Black

4.21:1AA Large

Couleur 7

White

2.72:1Fail

Black

7.71:1AAA

Brand Design

Identity Visuals

Icon Application

Typography Pairing

Green & Leisure

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

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.

SolidityDurabilityTrustPermanence

Couleur 2

Serenity & Lightness

Couleur 2 is a dark, quiet cyan positioned midway between blue's analytical rigor and green's vitality. More airy, it reduces cognitive friction and eases exploration. The shade of interfaces that guide without imposing.