ColorSeed

Complementary · 5 colors · September 16, 2026

Velvety Magnolia Interval

Create palette

Through the subtlety of indirect contrast — less aggressive, more nuanced, Velvety Magnolia Interval composes a space of quiet contemplation. The contrast between hues evokes trust, depth.

ComplementaryIllustrationDarkBoldCool
#FFC1D9Couleur 1
RGB255 193 217HSL337 100 88
#9CDAB1Couleur 2
RGB156 218 177HSL140 46 73
#0085A9Couleur 3
RGB0 133 169HSL193 100 33
#4E0025Couleur 4
RGB78 0 37HSL332 100 15
#001B00Couleur 5
RGB0 27 0HSL120 100 5

✦Palette Usage Guide

Application Scenarios

Interface Design

Combine #001b00 for text on #ffc1d9 background.

Emotional Impact

Through the subtlety of indirect contrast — less aggressive, more nuanced, Velvety Magnolia Interval composes a space of quiet contemplation. The contrast between hues evokes trust, depth.

Contrast Analysis
Text on Canvas

12:1

AAA

Secondary on Canvas

2.8:1

Fail

Accent on Base

4.3:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :44 (Approximate)
#FFC1D9
DMC 605
Cranberry Vy Lt
ΔE 21
#9CDAB1
DMC 504
Blue Green Lt
ΔE 41
#0085A9
DMC 3810
Turquoise Dk
ΔE 68
#4E0025
DMC 814
Garnet Dark
ΔE 35
#001B00
DMC 310
Black
ΔE 54

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: #ffc1d9;
  --color-couleur-2: #9cdab1;
  --color-couleur-3: #0085a9;
  --color-couleur-4: #4e0025;
  --color-couleur-5: #001b00;
}
Tailwind
'velvety-magnolia-interval': {
  500: '#ffc1d9',
  400: '#9cdab1',
  300: '#0085a9',
  200: '#4e0025',
  100: '#001b00',
}
JSON
{
  "name": "Velvety Magnolia Interval",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffc1d9"
    },
    {
      "name": "Couleur 2",
      "hex": "#9cdab1"
    },
    {
      "name": "Couleur 3",
      "hex": "#0085a9"
    },
    {
      "name": "Couleur 4",
      "hex": "#4e0025"
    },
    {
      "name": "Couleur 5",
      "hex": "#001b00"
    }
  ]
}
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.51:1Fail
Black
13.88:1AAA
Couleur 2
White
1.61:1Fail
Black
13.08:1AAA
Couleur 3
White
4.26:1AA Large
Black
4.93:1AA
Couleur 4
White
15.55:1AAA
Black
1.35:1Fail
Couleur 5
White
18.15:1AAA
Black
1.16:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Velvety Magnolia Interval

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

Boldness & Modernity

Couleur 1 is a pale, vivid hot pink that radiates an unapologetic and memorable modernity. Its high saturation asserts itself in contemporary luxury, beauty, and brands that make their boldness an identity.

BoldnessModernityLuxuryMemorability
Couleur 2

Balance & Harmony

Couleur 2 is a pale, balanced sage green that breathes a serene, timeless botanical balance. Its restrained saturation makes it a green that knows how to step back and support other elements — invaluable in balanced design systems.

BalanceHarmonySerenityNature
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 hot pink 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

Grounding & Durability

Couleur 5 is a deep, vivid emerald green that commands the permanence of ancient forests. Its depth inspires enduring trust — the color of brands that think long-term and value solidity over shine.

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