ColorSeed

Split-Complementary · 5 colors · May 14, 2026

Flowers Bayou

Create palette

Born from "Flowers Bayou", Flowers Bayou explores an organic progression between hues bound by kinship. Within it, an elegant and restrained refinement, crossed by a balanced modulation of values.

Split-ComplementaryGameNature
#3A3511Couleur 1
RGB58 53 17HSL53 55 15
#B04715Couleur 2
RGB176 71 21HSL19 79 39
#536D55Couleur 3
RGB83 109 85HSL125 14 38
#70958DCouleur 4
RGB112 149 141HSL167 15 51
#C59461Couleur 5
RGB197 148 97HSL31 46 58

Palette Usage Guide

Application Scenarios

Interface Design

Combine #3a3511 for text on #c59461 background.

Emotional Impact

Born from "Flowers Bayou", Flowers Bayou explores an organic progression between hues bound by kinship. Within it, an elegant and restrained refinement, crossed by a balanced modulation of values.

Contrast Analysis
Text on Canvas

4.6:1

AA

Secondary on Canvas

2.1:1

Fail

Accent on Base

2.2:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :37 (Approximate)
#3A3511
DMC 898
Coffee Brown V Dk
ΔE 35
#B04715
DMC 347
Salmon Vy Dark
ΔE 63
#536D55
DMC 502
Blue Green
ΔE 32
#70958D
DMC 503
Blue Green Med
ΔE 39
#C59461
DMC 437
Tan Light
ΔE 15

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: #3a3511;
  --color-couleur-2: #b04715;
  --color-couleur-3: #536d55;
  --color-couleur-4: #70958d;
  --color-couleur-5: #c59461;
}
Tailwind
'flowers-bayou': {
  500: '#3a3511',
  400: '#b04715',
  300: '#536d55',
  200: '#70958d',
  100: '#c59461',
}
JSON
{
  "name": "Flowers Bayou",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#3a3511"
    },
    {
      "name": "Couleur 2",
      "hex": "#b04715"
    },
    {
      "name": "Couleur 3",
      "hex": "#536d55"
    },
    {
      "name": "Couleur 4",
      "hex": "#70958d"
    },
    {
      "name": "Couleur 5",
      "hex": "#c59461"
    }
  ]
}
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.37:1AAA
Black
1.7:1Fail
Couleur 2
White
5.59:1AA
Black
3.76:1AA Large
Couleur 3
White
5.7:1AA
Black
3.69:1AA Large
Couleur 4
White
3.3:1AA Large
Black
6.37:1AA
Couleur 5
White
2.7:1Fail
Black
7.78:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Flowers Bayou

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

Energy & Urgency

Couleur 2 is a medium, vivid red that commands a direct, assertive presence. Its saturation level makes it an immediate visual signal: ideal for CTAs, conversion moments, and decisive instants.

ActionUrgencyEnergyVitality
Couleur 3

Grounding & Durability

Couleur 3 is a medium, muted emerald green that anchors the permanence of ancient forests. Its depth inspires enduring trust — the color of brands that think long-term and value solidity over shine.

SolidityDurabilityTrustPermanence
Couleur 4

Freshness & Clarity

Couleur 4 anchors the invigorating clarity of tropical waters — a medium, muted 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

Warmth & Benevolence

Couleur 5 evokes the light, 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 →