ColorSeed

Monochromatic · 5 colors · April 27, 2026

Old book

Create palette

Built on an organic progression between hues bound by kinship, Old book unfolds a warm, enveloping sensuality. a dramatic tension that commands attention — an invitation to creativity and enthusiasm.

MonochromaticBrandingPrintVintageDarkMonochrome
#F7DDC5Couleur 1
RGB247 221 197HSL29 76 87
#D1C3B1Couleur 2
RGB209 195 177HSL34 26 76
#846F4CCouleur 3
RGB132 111 76HSL38 27 41
#2E230DCouleur 4
RGB46 35 13HSL40 56 12
#171103Couleur 5
RGB23 17 3HSL42 77 5

Palette Usage Guide

Application Scenarios

Interface Design

Combine #171103 for text on #f7ddc5 background.

Emotional Impact

Built on an organic progression between hues bound by kinship, Old book unfolds a warm, enveloping sensuality. a dramatic tension that commands attention — an invitation to creativity and enthusiasm.

Contrast Analysis
Text on Canvas

14.4:1

AAA

Secondary on Canvas

3.7:1

AA Large

Accent on Base

3.9:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :37 (Approximate)
#F7DDC5
DMC 746
Off White
ΔE 30
#D1C3B1
DMC 415
Pearl Gray
ΔE 40
#846F4C
DMC 731
Olive Green Dk
ΔE 56
#2E230D
DMC 898
Coffee Brown V Dk
ΔE 25
#171103
DMC 938
Coffee Brown Ul Dk
ΔE 32

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: #f7ddc5;
  --color-couleur-2: #d1c3b1;
  --color-couleur-3: #846f4c;
  --color-couleur-4: #2e230d;
  --color-couleur-5: #171103;
}
Tailwind
'old-book-': {
  500: '#f7ddc5',
  400: '#d1c3b1',
  300: '#846f4c',
  200: '#2e230d',
  100: '#171103',
}
JSON
{
  "name": "Old book ",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f7ddc5"
    },
    {
      "name": "Couleur 2",
      "hex": "#d1c3b1"
    },
    {
      "name": "Couleur 3",
      "hex": "#846f4c"
    },
    {
      "name": "Couleur 4",
      "hex": "#2e230d"
    },
    {
      "name": "Couleur 5",
      "hex": "#171103"
    }
  ]
}
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.3:1Fail
Black
16.1:1AAA
Couleur 2
White
1.73:1Fail
Black
12.15:1AAA
Couleur 3
White
4.82:1AA
Black
4.36:1AA Large
Couleur 4
White
15.41:1AAA
Black
1.36:1Fail
Couleur 5
White
18.78:1AAA
Black
1.12:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Old book

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

Warmth & Benevolence

Couleur 1 radiates 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
Couleur 2

Warmth & Benevolence

Couleur 2 breathes the pale, 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 3

Authenticity & Grounding

Couleur 3 evokes the medium, 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 4

Creativity & Accessibility

Couleur 4 is a deep orange with balanced saturation that commands positive, communicative energy. Softened, it preserves orange's vitality without its impetuosity — ideal for brands wanting to appear both inventive and warm.

CreativityAccessibilityFriendlinessOpenness
Couleur 5

Enthusiasm & Boldness

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

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