ColorSeed

Tetradic · 6 colors · May 24, 2026

Pepper & Trolley

Create palette

Pepper & Trolley — an organic progression between hues bound by kinship. The palette develops a warm register that draws and holds and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for clarity and intellect.

TetradicBrandingGameDarkWarmEarth
#141807Couleur 1
RGB20 24 7HSL74 55 6
#223215Couleur 2
RGB34 50 21HSL93 41 14
#491913Couleur 3
RGB73 25 19HSL7 59 18
#535B33Couleur 4
RGB83 91 51HSL72 28 28
#B25F53Couleur 5
RGB178 95 83HSL8 38 51
#ECB693Couleur 6
RGB236 182 147HSL24 70 75

Palette Usage Guide

Application Scenarios

Interface Design

Combine #141807 for text on #ecb693 background.

Emotional Impact

Pepper & Trolley — an organic progression between hues bound by kinship. The palette develops a warm register that draws and holds and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for clarity and intellect.

Contrast Analysis
Text on Canvas

10:1

AAA

Secondary on Canvas

4:1

AA Large

Accent on Base

2.5:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :43 (Approximate)
#141807
DMC 938
Coffee Brown Ul Dk
ΔE 32
#223215
DMC 500
Blue Green Vy Dk
ΔE 44
#491913
DMC 898
Coffee Brown V Dk
ΔE 30
#535B33
DMC 986
Forest Green Vy D
ΔE 39
#B25F53
DMC 435
Brown Very Light
ΔE 68
#ECB693
DMC 738
Tan Very Light
ΔE 46

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: #141807;
  --color-couleur-2: #223215;
  --color-couleur-3: #491913;
  --color-couleur-4: #535b33;
  --color-couleur-5: #b25f53;
  --color-couleur-6: #ecb693;
}
Tailwind
'pepper-trolley': {
  600: '#141807',
  500: '#223215',
  400: '#491913',
  300: '#535b33',
  200: '#b25f53',
  100: '#ecb693',
}
JSON
{
  "name": "Pepper & Trolley",
  "harmony": "Tetradic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#141807"
    },
    {
      "name": "Couleur 2",
      "hex": "#223215"
    },
    {
      "name": "Couleur 3",
      "hex": "#491913"
    },
    {
      "name": "Couleur 4",
      "hex": "#535b33"
    },
    {
      "name": "Couleur 5",
      "hex": "#b25f53"
    },
    {
      "name": "Couleur 6",
      "hex": "#ecb693"
    }
  ]
}
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
18.05:1AAA
Black
1.16:1Fail
Couleur 2
White
13.68:1AAA
Black
1.54:1Fail
Couleur 3
White
14.67:1AAA
Black
1.43:1Fail
Couleur 4
White
7.21:1AAA
Black
2.91:1Fail
Couleur 5
White
4.51:1AA
Black
4.65:1AA
Couleur 6
White
1.8:1Fail
Black
11.68:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Pepper & Trolley

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

Dynamism & Originality

Couleur 1 occupies rare chromatic territory — between yellow and green — with a balanced 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 2

Grounding & Durability

Couleur 2 is a deep, balanced lime 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
Couleur 3

Authority & Mastery

Couleur 3 is a deep, balanced red that commands a direct, assertive presence. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

AuthorityDepthPrestigeGravity
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

Passion & Engagement

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

PassionWarmthEngagementTrust
Couleur 6

Warmth & Benevolence

Couleur 6 breathes the pale, rich 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
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 →