ColorSeed

Split-Complementary · 4 colors · May 24, 2026

Bronze & Faint

Create palette

Born from "Bronze & Faint", Bronze & Faint explores an organic progression between hues bound by kinship. Within it, a golden livable light, crossed by a contrast that cuts and asserts.

Split-ComplementaryWebPrintPastelNature
#3E2E21Couleur 1
RGB62 46 33HSL27 31 19
#9E5828Couleur 2
RGB158 88 40HSL24 60 39
#B9A290Couleur 3
RGB185 162 144HSL26 23 65
#B9DADACouleur 4
RGB185 218 218HSL180 31 79

Palette Usage Guide

Application Scenarios

Interface Design

Combine #3e2e21 for text on #b9dada background.

Emotional Impact

Born from "Bronze & Faint", Bronze & Faint explores an organic progression between hues bound by kinship. Within it, a golden livable light, crossed by a contrast that cuts and asserts.

Contrast Analysis
Text on Canvas

8.7:1

AAA

Secondary on Canvas

1.6:1

Fail

Accent on Base

5.3:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :36 (Approximate)
#3E2E21
DMC 898
Coffee Brown V Dk
ΔE 28
#9E5828
DMC 435
Brown Very Light
ΔE 43
#B9A290
DMC 318
Steel Gray Light
ΔE 50
#B9DADA
DMC 3811
Turquoise Vy Lt
ΔE 24

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: #3e2e21;
  --color-couleur-2: #9e5828;
  --color-couleur-3: #b9a290;
  --color-couleur-4: #b9dada;
}
Tailwind
'bronze-faint': {
  400: '#3e2e21',
  300: '#9e5828',
  200: '#b9a290',
  100: '#b9dada',
}
JSON
{
  "name": "Bronze & Faint",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#3e2e21"
    },
    {
      "name": "Couleur 2",
      "hex": "#9e5828"
    },
    {
      "name": "Couleur 3",
      "hex": "#b9a290"
    },
    {
      "name": "Couleur 4",
      "hex": "#b9dada"
    }
  ]
}
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.98:1AAA
Black
1.62:1Fail
Couleur 2
White
5.41:1AA
Black
3.88:1AA Large
Couleur 3
White
2.43:1Fail
Black
8.63:1AAA
Couleur 4
White
1.49:1Fail
Black
14.1:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Bronze & Faint

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 evokes the medium, rich 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

Warmth & Benevolence

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

Freshness & Clarity

Couleur 4 breathes the invigorating clarity of tropical waters — a pale, quiet hue at the boundary of blue and green. Its clarity brings freshness and trust simultaneously — the signal of a brand that is both modern and caring.

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