Monochromatic · 5 colors · May 1, 2026

Leather & Stirland

Leather & Stirland weaves the harmony of colors that speak without contradiction. a warm register that draws and holds — an uncompromising visual dramaturgy. It speaks of creativity, enthusiasm and of joyful.

MonochromaticGame Dark Monochrome Gradient

#FFD85ECouleur 1

RGB255 216 94HSL45 100 68

#E3C378Couleur 2

RGB227 195 120HSL42 66 68

#9F6F00Couleur 3

RGB159 111 0HSL42 100 31

#402A00Couleur 4

RGB64 42 0HSL39 100 13

#201700Couleur 5

RGB32 23 0HSL43 100 6

✦Palette Usage Guide

Application Scenarios

Interface Design

Combine #201700 for text on #ffd85e background.

Emotional Impact

Contrast Analysis

Text on Canvas

12.9:1

AAA

Secondary on Canvas

3.2:1

AA Large

Accent on Base

4:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Brand :

Average ΔE :33 (Approximate)

#FFD85E

DMC 726

Topaz Light

ΔE 14

#E3C378

DMC 3821

Straw

ΔE 26

#9F6F00

DMC 435

Brown Very Light

ΔE 69

#402A00

DMC 898

Coffee Brown V Dk

ΔE 37

#201700

DMC 938

Coffee Brown Ul Dk

ΔE 21

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: #ffd85e;
  --color-couleur-2: #e3c378;
  --color-couleur-3: #9f6f00;
  --color-couleur-4: #402a00;
  --color-couleur-5: #201700;
}

Tailwind

'leather-stirland': {
  500: '#ffd85e',
  400: '#e3c378',
  300: '#9f6f00',
  200: '#402a00',
  100: '#201700',
}

JSON

{
  "name": "Leather & Stirland",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffd85e"
    },
    {
      "name": "Couleur 2",
      "hex": "#e3c378"
    },
    {
      "name": "Couleur 3",
      "hex": "#9f6f00"
    },
    {
      "name": "Couleur 4",
      "hex": "#402a00"
    },
    {
      "name": "Couleur 5",
      "hex": "#201700"
    }
  ]
}

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

1.38:1Fail

Black

15.24:1AAA

Couleur 2

White

1.7:1Fail

Black

12.34:1AAA

Couleur 3

White

4.42:1AA Large

Black

4.75:1AA

Couleur 4

White

13.56:1AAA

Black

1.55:1Fail

Couleur 5

White

17.74:1AAA

Black

1.18:1Fail

Brand Design

Identity Visuals

Icon Application

Typography Pairing

Leather & Stirland

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

Enthusiasm & Boldness

Couleur 1 is a light orange with vivid saturation that radiates positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.