ColorSeed

Tetradic · 7 colors · May 1, 2026

Foliage & Pine

Create palette

Foliage & Pine weaves the natural fluidity of colors that touch in the spectrum. a golden livable light — a balanced modulation of values. It speaks of clarity, intellect and of stimulating.

TetradicDarkNatureVintage
#292F22Couleur 1
RGB41 47 34HSL88 16 16
#66442BCouleur 2
RGB102 68 43HSL25 41 28
#435B44Couleur 3
RGB67 91 68HSL122 15 31
#AF3127Couleur 4
RGB175 49 39HSL4 64 42
#6C7A5ECouleur 5
RGB108 122 94HSL90 13 42
#A76A27Couleur 6
RGB167 106 39HSL31 62 40
#8A9A7BCouleur 7
RGB138 154 123HSL91 13 54

Palette Usage Guide

Application Scenarios

Interface Design

Combine #292f22 for text on #8a9a7b background.

Emotional Impact

Foliage & Pine weaves the natural fluidity of colors that touch in the spectrum. a golden livable light — a balanced modulation of values. It speaks of clarity, intellect and of stimulating.

Contrast Analysis
Text on Canvas

4.6:1

AA

Secondary on Canvas

2.1:1

Fail

Accent on Base

2.2:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :36 (Approximate)
#292F22
DMC 500
Blue Green Vy Dk
ΔE 35
#66442B
DMC 801
Coffee Brown Dk
ΔE 31
#435B44
DMC 986
Forest Green Vy D
ΔE 41
#AF3127
DMC 347
Salmon Vy Dark
ΔE 36
#6C7A5E
DMC 317
Pewter Gray
ΔE 43
#A76A27
DMC 435
Brown Very Light
ΔE 9
#8A9A7B
DMC 989
Forest Green
ΔE 58

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: #292f22;
  --color-couleur-2: #66442b;
  --color-couleur-3: #435b44;
  --color-couleur-4: #af3127;
  --color-couleur-5: #6c7a5e;
  --color-couleur-6: #a76a27;
  --color-couleur-7: #8a9a7b;
}
Tailwind
'foliage-pine': {
  700: '#292f22',
  600: '#66442b',
  500: '#435b44',
  400: '#af3127',
  300: '#6c7a5e',
  200: '#a76a27',
  100: '#8a9a7b',
}
JSON
{
  "name": "Foliage & Pine",
  "harmony": "Tetradic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#292f22"
    },
    {
      "name": "Couleur 2",
      "hex": "#66442b"
    },
    {
      "name": "Couleur 3",
      "hex": "#435b44"
    },
    {
      "name": "Couleur 4",
      "hex": "#af3127"
    },
    {
      "name": "Couleur 5",
      "hex": "#6c7a5e"
    },
    {
      "name": "Couleur 6",
      "hex": "#a76a27"
    },
    {
      "name": "Couleur 7",
      "hex": "#8a9a7b"
    }
  ]
}
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.78:1AAA
Black
1.52:1Fail
Couleur 2
White
8.65:1AAA
Black
2.43:1Fail
Couleur 3
White
7.45:1AAA
Black
2.82:1Fail
Couleur 4
White
6.38:1AA
Black
3.29:1AA Large
Couleur 5
White
4.58:1AA
Black
4.58:1AA
Couleur 6
White
4.44:1AA Large
Black
4.73:1AA
Couleur 7
White
3:1AA Large
Black
6.99:1AA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Foliage & Pine

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

Authenticity & Grounding

Couleur 2 evokes the dark, balanced 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.

AuthenticityCraftGroundingTradition
Couleur 3

Grounding & Durability

Couleur 3 is a dark, muted emerald 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 4

Passion & Engagement

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

PassionWarmthEngagementTrust
Couleur 5

Sophistication & Balance

Couleur 5 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 6

Authenticity & Grounding

Couleur 6 evokes the medium, rich 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.

AuthenticityCraftGroundingTradition
Couleur 7

Neutrality & Mediation

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

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