ColorSeed

Split-Complementary · 5 colors · May 1, 2026

Beans & Gentle

Create palette

Through a unique chromatic harmony, Beans & Gentle composes a warm register that draws and holds. The rhythm between hues evokes clarity, intellect.

Split-ComplementaryPrintWarm
#973217Couleur 1
RGB151 50 23HSL13 74 34
#A27D57Couleur 2
RGB162 125 87HSL30 30 49
#DF896DCouleur 3
RGB223 137 109HSL15 64 65
#7FC3C0Couleur 4
RGB127 195 192HSL177 36 63
#DDD4C0Couleur 5
RGB221 212 192HSL41 30 81

Palette Usage Guide

Application Scenarios

Interface Design

Combine #973217 for text on #ddd4c0 background.

Emotional Impact

Through a unique chromatic harmony, Beans & Gentle composes a warm register that draws and holds. The rhythm between hues evokes clarity, intellect.

Contrast Analysis
Text on Canvas

5.1:1

AA

Secondary on Canvas

1.8:1

Fail

Accent on Base

2.9:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :40 (Approximate)
#973217
DMC 433
Brown Medium
ΔE 54
#A27D57
DMC 733
Olive Green Med
ΔE 65
#DF896D
DMC 351
Coral
ΔE 35
#7FC3C0
DMC 598
Turquoise Lt
ΔE 17
#DDD4C0
DMC 739
Tan Ultra Vy Lt
ΔE 30

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: #973217;
  --color-couleur-2: #a27d57;
  --color-couleur-3: #df896d;
  --color-couleur-4: #7fc3c0;
  --color-couleur-5: #ddd4c0;
}
Tailwind
'beans-gentle': {
  500: '#973217',
  400: '#a27d57',
  300: '#df896d',
  200: '#7fc3c0',
  100: '#ddd4c0',
}
JSON
{
  "name": "Beans & Gentle",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#973217"
    },
    {
      "name": "Couleur 2",
      "hex": "#a27d57"
    },
    {
      "name": "Couleur 3",
      "hex": "#df896d"
    },
    {
      "name": "Couleur 4",
      "hex": "#7fc3c0"
    },
    {
      "name": "Couleur 5",
      "hex": "#ddd4c0"
    }
  ]
}
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.75:1AA Large
Black
5.61:1AA
Couleur 3
White
2.65:1Fail
Black
7.94:1AAA
Couleur 4
White
2.01:1Fail
Black
10.47:1AAA
Couleur 5
White
1.47:1Fail
Black
14.25:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Beans & Gentle

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, rich red that commands a raw and memorable intensity. 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 light, rich red that evokes a direct, assertive presence. It embodies measured passion — warm enough to capture attention, tempered enough to build trust.

PassionWarmthEngagementTrust
Couleur 4

Freshness & Clarity

Couleur 4 evokes the invigorating clarity of tropical waters — a light, 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
Couleur 5

Creativity & Accessibility

Couleur 5 is a pale orange with quiet saturation that breathes 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 →