ColorSeed

Monochromatic · 5 colors · May 2, 2026

Leather & Shoreland

Create palette

Leather & Shoreland — a unique chromatic harmony. The palette develops a warm register that draws and holds and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for creativity and enthusiasm.

MonochromaticBrandingPrintDarkMonochromeGradient
#272016Couleur 1
RGB39 32 22HSL35 28 12
#4C4335Couleur 2
RGB76 67 53HSL37 18 25
#8E614BCouleur 3
RGB142 97 75HSL20 31 43
#B29B88Couleur 4
RGB178 155 136HSL27 21 62
#EAD9CCCouleur 5
RGB234 217 204HSL26 42 86

Palette Usage Guide

Application Scenarios

Interface Design

Combine #272016 for text on #ead9cc background.

Emotional Impact

Leather & Shoreland — a unique chromatic harmony. The palette develops a warm register that draws and holds and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for creativity and enthusiasm.

Contrast Analysis
Text on Canvas

11.7:1

AAA

Secondary on Canvas

3.9:1

AA Large

Accent on Base

3:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :44 (Approximate)
#272016
DMC 938
Coffee Brown Ul Dk
ΔE 29
#4C4335
DMC 801
Coffee Brown Dk
ΔE 42
#8E614B
DMC 435
Brown Very Light
ΔE 65
#B29B88
DMC 318
Steel Gray Light
ΔE 47
#EAD9CC
DMC 762
Pearl Gray Vy Lt
ΔE 36

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: #272016;
  --color-couleur-2: #4c4335;
  --color-couleur-3: #8e614b;
  --color-couleur-4: #b29b88;
  --color-couleur-5: #ead9cc;
}
Tailwind
'leather-shoreland': {
  500: '#272016',
  400: '#4c4335',
  300: '#8e614b',
  200: '#b29b88',
  100: '#ead9cc',
}
JSON
{
  "name": "Leather & Shoreland",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#272016"
    },
    {
      "name": "Couleur 2",
      "hex": "#4c4335"
    },
    {
      "name": "Couleur 3",
      "hex": "#8e614b"
    },
    {
      "name": "Couleur 4",
      "hex": "#b29b88"
    },
    {
      "name": "Couleur 5",
      "hex": "#ead9cc"
    }
  ]
}
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
16.1:1AAA
Black
1.3:1Fail
Couleur 2
White
9.72:1AAA
Black
2.16:1Fail
Couleur 3
White
5.3:1AA
Black
3.96:1AA Large
Couleur 4
White
2.65:1Fail
Black
7.94:1AAA
Couleur 5
White
1.37:1Fail
Black
15.3:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Leather & Shoreland

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

Authenticity & Grounding

Couleur 1 commands the deep, quiet 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 2

Authenticity & Grounding

Couleur 2 anchors the dark, muted 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

Passion & Engagement

Couleur 3 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 4

Warmth & Benevolence

Couleur 4 whispers the light, 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

Warmth & Benevolence

Couleur 5 breathes the pale, balanced 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 →