ColorSeed

Complementary · 5 colors · May 6, 2026

Impalpable Bamboo Connection

Create palette

Impalpable Bamboo Connection — the living dynamic of three distinct chromatic voices. The palette develops an elegant and restrained refinement and establishes a contrast that cuts and asserts. A chromatic vocabulary for growth and vitality.

ComplementaryGamePrintDarkForestNature
#3F3A1BCouleur 1
RGB63 58 27HSL52 40 18
#265163Couleur 2
RGB38 81 99HSL198 45 27
#3C5E67Couleur 3
RGB60 94 103HSL193 26 32
#A35F31Couleur 4
RGB163 95 49HSL24 54 42
#F3CC95Couleur 5
RGB243 204 149HSL35 80 77

Palette Usage Guide

Application Scenarios

Interface Design

Combine #3f3a1b for text on #f3cc95 background.

Emotional Impact

Impalpable Bamboo Connection — the living dynamic of three distinct chromatic voices. The palette develops an elegant and restrained refinement and establishes a contrast that cuts and asserts. A chromatic vocabulary for growth and vitality.

Contrast Analysis
Text on Canvas

7.6:1

AAA

Secondary on Canvas

4.6:1

AA

Accent on Base

1.6:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :35 (Approximate)
#3F3A1B
DMC 801
Coffee Brown Dk
ΔE 43
#265163
DMC 3765
Peacock Blue Vy D
ΔE 32
#3C5E67
DMC 502
Blue Green
ΔE 49
#A35F31
DMC 435
Brown Very Light
ΔE 28
#F3CC95
DMC 3822
Straw Light
ΔE 23

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: #3f3a1b;
  --color-couleur-2: #265163;
  --color-couleur-3: #3c5e67;
  --color-couleur-4: #a35f31;
  --color-couleur-5: #f3cc95;
}
Tailwind
'impalpable-bamboo-connection': {
  500: '#3f3a1b',
  400: '#265163',
  300: '#3c5e67',
  200: '#a35f31',
  100: '#f3cc95',
}
JSON
{
  "name": "Impalpable Bamboo Connection",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#3f3a1b"
    },
    {
      "name": "Couleur 2",
      "hex": "#265163"
    },
    {
      "name": "Couleur 3",
      "hex": "#3c5e67"
    },
    {
      "name": "Couleur 4",
      "hex": "#a35f31"
    },
    {
      "name": "Couleur 5",
      "hex": "#f3cc95"
    }
  ]
}
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
11.46:1AAA
Black
1.83:1Fail
Couleur 2
White
8.61:1AAA
Black
2.44:1Fail
Couleur 3
White
7.03:1AAA
Black
2.99:1Fail
Couleur 4
White
4.95:1AA
Black
4.24:1AA Large
Couleur 5
White
1.51:1Fail
Black
13.88:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Impalpable Bamboo Connection

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 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 2

Serenity & Lightness

Couleur 2 is a dark, balanced 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 3

Serenity & Lightness

Couleur 3 is a dark, 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

Authenticity & Grounding

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

Warmth & Benevolence

Couleur 5 radiates the pale, vivid 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 →