ColorSeed

Analogous · 5 colors · May 11, 2026

Transformed Rust Distance

Create palette

Through an organic progression between hues bound by kinship, Transformed Rust Distance composes a golden livable light. The contrast between hues evokes creativity, enthusiasm.

AnalogousBrandingWebMonochromeGradientWarm
#512424Couleur 1
RGB81 36 36HSL0 38 23
#826A40Couleur 2
RGB130 106 64HSL38 34 38
#A65E5ECouleur 3
RGB166 94 94HSL0 29 51
#C9A587Couleur 4
RGB201 165 135HSL27 38 66
#EBDED0Couleur 5
RGB235 222 208HSL31 40 87

Palette Usage Guide

Application Scenarios

Interface Design

Combine #512424 for text on #ebded0 background.

Emotional Impact

Through an organic progression between hues bound by kinship, Transformed Rust Distance composes a golden livable light. The contrast between hues evokes creativity, enthusiasm.

Contrast Analysis
Text on Canvas

9.8:1

AAA

Secondary on Canvas

3.6:1

AA Large

Accent on Base

2.7:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :44 (Approximate)
#512424
DMC 898
Coffee Brown V Dk
ΔE 40
#826A40
DMC 731
Olive Green Dk
ΔE 42
#A65E5E
DMC 601
Cranberry Dark
ΔE 72
#C9A587
DMC 738
Tan Very Light
ΔE 39
#EBDED0
DMC ECRU
Ecru
ΔE 27

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: #512424;
  --color-couleur-2: #826a40;
  --color-couleur-3: #a65e5e;
  --color-couleur-4: #c9a587;
  --color-couleur-5: #ebded0;
}
Tailwind
'transformed-rust-distance': {
  500: '#512424',
  400: '#826a40',
  300: '#a65e5e',
  200: '#c9a587',
  100: '#ebded0',
}
JSON
{
  "name": "Transformed Rust Distance",
  "harmony": "Analogous",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#512424"
    },
    {
      "name": "Couleur 2",
      "hex": "#826a40"
    },
    {
      "name": "Couleur 3",
      "hex": "#a65e5e"
    },
    {
      "name": "Couleur 4",
      "hex": "#c9a587"
    },
    {
      "name": "Couleur 5",
      "hex": "#ebded0"
    }
  ]
}
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
12.9:1AAA
Black
1.63:1Fail
Couleur 2
White
5.14:1AA
Black
4.08:1AA Large
Couleur 3
White
4.79:1AA
Black
4.38:1AA Large
Couleur 4
White
2.28:1Fail
Black
9.22:1AAA
Couleur 5
White
1.32:1Fail
Black
15.89:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Transformed Rust Distance

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

Authority & Mastery

Couleur 1 is a dark, quiet 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 2

Authenticity & Grounding

Couleur 2 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 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 breathes 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 →