ColorSeed

Split-Complementary · 5 colors · May 19, 2026

Woven Magnolia Transit

Create palette

Woven Magnolia Transit — an asymmetric triangle that plays with the eye without tiring it. The palette develops a space of quiet contemplation and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for clarity and openness.

Split-ComplementaryIllustrationGameDarkBoldCool
#FFB7F9Couleur 1
RGB255 183 249HSL305 100 86
#BCD381Couleur 2
RGB188 211 129HSL77 48 67
#008DAFCouleur 3
RGB0 141 175HSL192 100 34
#4F003CCouleur 4
RGB79 0 60HSL314 100 15
#121400Couleur 5
RGB18 20 0HSL66 100 4

Palette Usage Guide

Application Scenarios

Interface Design

Combine #121400 for text on #ffb7f9 background.

Emotional Impact

Woven Magnolia Transit — an asymmetric triangle that plays with the eye without tiring it. The palette develops a space of quiet contemplation and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for clarity and openness.

Contrast Analysis
Text on Canvas

11.9:1

AAA

Secondary on Canvas

2.5:1

Fail

Accent on Base

4.8:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :59 (Rough)
#FFB7F9
DMC 605
Cranberry Vy Lt
ΔE 60
#BCD381
DMC 907
Parrot Green Lt
ΔE 56
#008DAF
DMC 3810
Turquoise Dk
ΔE 82
#4F003C
DMC 814
Garnet Dark
ΔE 58
#121400
DMC 938
Coffee Brown Ul Dk
ΔE 39

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: #ffb7f9;
  --color-couleur-2: #bcd381;
  --color-couleur-3: #008daf;
  --color-couleur-4: #4f003c;
  --color-couleur-5: #121400;
}
Tailwind
'woven-magnolia-transit': {
  500: '#ffb7f9',
  400: '#bcd381',
  300: '#008daf',
  200: '#4f003c',
  100: '#121400',
}
JSON
{
  "name": "Woven Magnolia Transit",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffb7f9"
    },
    {
      "name": "Couleur 2",
      "hex": "#bcd381"
    },
    {
      "name": "Couleur 3",
      "hex": "#008daf"
    },
    {
      "name": "Couleur 4",
      "hex": "#4f003c"
    },
    {
      "name": "Couleur 5",
      "hex": "#121400"
    }
  ]
}
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
1.57:1Fail
Black
13.39:1AAA
Couleur 2
White
1.64:1Fail
Black
12.77:1AAA
Couleur 3
White
3.87:1AA Large
Black
5.43:1AA
Couleur 4
White
15.02:1AAA
Black
1.4:1Fail
Couleur 5
White
18.65:1AAA
Black
1.13:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Woven Magnolia Transit

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 & Distinction

Couleur 1 radiates the pale, vivid register of violet — a color rare in nature that, for this very reason, instantly draws the eye. Its vibrancy makes it a remarkable distinction tool in a landscape dominated by blues and grays. It embodies creative ambition and unconventional thinking.

CreativityDistinctionAmbitionOriginality
Couleur 2

Dynamism & Originality

Couleur 2 occupies rare chromatic territory — between yellow and green — with a balanced saturation that makes it dynamic and fresh. More restrained, it blends green's vitality with yellow's liveliness without assaulting the eye — ideal as an accent.

DynamismFreshnessOriginalityEnergy
Couleur 3

Innovation & Precision

Couleur 3 is a dark, vivid cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.

InnovationPrecisionModernityTech
Couleur 4

Intensity & Subversion

Couleur 4 is a deep, vivid rose that commands a strong, subversive cultural statement. In its dark tones, pink transforms — it becomes radical, contemporary, unforgettable. The choice of brands that own their singularity.

IntensitySubversionContemporaryImpact
Couleur 5

Richness & Resonance

Couleur 5 radiates a deep, vivid warmth reminiscent of raw honey and aged gold. This amber depth is associated with richness, heritage, and cultural authenticity — a timeless symbol of lasting value.

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