ColorSeed

Complementary · 5 colors · May 6, 2026

Rich summer

Create palette

Rich summer — a soft drift between neighboring hues on the wheel. The palette develops a warm register that draws and holds and establishes a gentle yet readable progression. A chromatic vocabulary for clarity and intellect.

ComplementaryFashionWebOceanPastelNature
#674726Couleur 1
RGB103 71 38HSL30 46 28
#A77A3CCouleur 2
RGB167 122 60HSL35 47 45
#86A2B1Couleur 3
RGB134 162 177HSL201 22 61
#BAB0A3Couleur 4
RGB186 176 163HSL34 14 68
#D6C9B7Couleur 5
RGB214 201 183HSL35 27 78

Palette Usage Guide

Application Scenarios

Interface Design

Combine #674726 for text on #d6c9b7 background.

Emotional Impact

Rich summer — a soft drift between neighboring hues on the wheel. The palette develops a warm register that draws and holds and establishes a gentle yet readable progression. A chromatic vocabulary for clarity and intellect.

Contrast Analysis
Text on Canvas

5.1:1

AA

Secondary on Canvas

1.7:1

Fail

Accent on Base

3.1:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :39 (Approximate)
#674726
DMC 801
Coffee Brown Dk
ΔE 33
#A77A3C
DMC 435
Brown Very Light
ΔE 37
#86A2B1
DMC 3839
Lavender Blue Med
ΔE 35
#BAB0A3
DMC 415
Pearl Gray
ΔE 47
#D6C9B7
DMC 739
Tan Ultra Vy Lt
ΔE 41

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: #674726;
  --color-couleur-2: #a77a3c;
  --color-couleur-3: #86a2b1;
  --color-couleur-4: #bab0a3;
  --color-couleur-5: #d6c9b7;
}
Tailwind
'rich-summer': {
  500: '#674726',
  400: '#a77a3c',
  300: '#86a2b1',
  200: '#bab0a3',
  100: '#d6c9b7',
}
JSON
{
  "name": "Rich summer",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#674726"
    },
    {
      "name": "Couleur 2",
      "hex": "#a77a3c"
    },
    {
      "name": "Couleur 3",
      "hex": "#86a2b1"
    },
    {
      "name": "Couleur 4",
      "hex": "#bab0a3"
    },
    {
      "name": "Couleur 5",
      "hex": "#d6c9b7"
    }
  ]
}
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
8.38:1AAA
Black
2.51:1Fail
Couleur 2
White
3.82:1AA Large
Black
5.49:1AA
Couleur 3
White
2.69:1Fail
Black
7.82:1AAA
Couleur 4
White
2.14:1Fail
Black
9.83:1AAA
Couleur 5
White
1.63:1Fail
Black
12.9:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Rich summer

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 evokes the dark, balanced 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, balanced 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

Serenity & Lightness

Couleur 3 is a light, quiet cyan positioned midway between blue's analytical rigor and green's vitality. More airy, it reduces cognitive friction and eases exploration. The shade of interfaces that guide without imposing.

SerenityLightnessClarityGuidance
Couleur 4

Warmth & Benevolence

Couleur 4 whispers the light, muted 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, 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
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 →