ColorSeed

Analogous · 5 colors · May 14, 2026

Second Nature

Create palette

Second Nature — an organic progression between hues bound by kinship. The palette develops a golden livable light and establishes a contrast that cuts and asserts. A chromatic vocabulary for clarity and intellect.

AnalogousUI / AppWebNaturePastelMinimal
#575542Couleur 1
RGB87 85 66HSL54 14 30
#85826BCouleur 2
RGB133 130 107HSL53 11 47
#A1A592Couleur 3
RGB161 165 146HSL73 10 61
#CAC8B9Couleur 4
RGB202 200 185HSL53 14 76
#E6E1D6Couleur 5
RGB230 225 214HSL41 24 87

Palette Usage Guide

Application Scenarios

Interface Design

Combine #575542 for text on #e6e1d6 background.

Emotional Impact

Second Nature — an organic progression between hues bound by kinship. The palette develops a golden livable light and establishes a contrast that cuts and asserts. A chromatic vocabulary for clarity and intellect.

Contrast Analysis
Text on Canvas

5.8:1

AA

Secondary on Canvas

1.9:1

Fail

Accent on Base

3:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :28 (Approximate)
#575542
DMC 413
Pewter Gray Dk
ΔE 33
#85826B
DMC 414
Steel Gray Dark
ΔE 33
#A1A592
DMC 318
Steel Gray Light
ΔE 24
#CAC8B9
DMC 415
Pearl Gray
ΔE 31
#E6E1D6
DMC 762
Pearl Gray Vy Lt
ΔE 18

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: #575542;
  --color-couleur-2: #85826b;
  --color-couleur-3: #a1a592;
  --color-couleur-4: #cac8b9;
  --color-couleur-5: #e6e1d6;
}
Tailwind
'second-nature': {
  500: '#575542',
  400: '#85826b',
  300: '#a1a592',
  200: '#cac8b9',
  100: '#e6e1d6',
}
JSON
{
  "name": "Second Nature",
  "harmony": "Analogous",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#575542"
    },
    {
      "name": "Couleur 2",
      "hex": "#85826b"
    },
    {
      "name": "Couleur 3",
      "hex": "#a1a592"
    },
    {
      "name": "Couleur 4",
      "hex": "#cac8b9"
    },
    {
      "name": "Couleur 5",
      "hex": "#e6e1d6"
    }
  ]
}
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
7.54:1AAA
Black
2.78:1Fail
Couleur 2
White
3.89:1AA Large
Black
5.4:1AA
Couleur 3
White
2.53:1Fail
Black
8.31:1AAA
Couleur 4
White
1.68:1Fail
Black
12.47:1AAA
Couleur 5
White
1.3:1Fail
Black
16.11:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Second Nature

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

Creativity & Accessibility

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

CreativityAccessibilityFriendlinessOpenness
Couleur 2

Neutrality & Mediation

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

NeutralityCoherenceSilenceBalance
Couleur 3

Lightness & Space

Couleur 3 creates space and breathing room without the aggressiveness of pure white — light and muted, it reduces visual fatigue and invites reading.

LightnessSpaceClarityPremium
Couleur 4

Creativity & Accessibility

Couleur 4 is a pale orange with muted saturation that whispers 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

Creativity & Accessibility

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

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