ColorSeed

Complementary · 5 colors · April 28, 2026

Pruneaux & Manga

Create palette

Built on a unique chromatic harmony, Pruneaux & Manga unfolds a space of quiet contemplation. the softness of hues breathing together — an invitation to clarity and openness.

ComplementaryUI / AppIllustrationBoldCoolOcean
#F3BAD6Couleur 1
RGB243 186 214HSL331 70 84
#E3CCF4Couleur 2
RGB227 204 244HSL274 65 88
#BBE0F6Couleur 3
RGB187 224 246HSL202 77 85
#CFEED8Couleur 4
RGB207 238 216HSL137 48 87
#FEF9CDCouleur 5
RGB254 249 205HSL54 96 90

Palette Usage Guide

Application Scenarios

Interface Design

Combine #f3bad6 for text on #fef9cd background.

Emotional Impact

Built on a unique chromatic harmony, Pruneaux & Manga unfolds a space of quiet contemplation. the softness of hues breathing together — an invitation to clarity and openness.

Contrast Analysis
Text on Canvas

1.5:1

Fail

Secondary on Canvas

1.3:1

Fail

Accent on Base

1.2:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :30 (Approximate)
#F3BAD6
DMC 605
Cranberry Vy Lt
ΔE 13
#E3CCF4
DMC 762
Pearl Gray Vy Lt
ΔE 50
#BBE0F6
DMC 827
Blue Very Light
ΔE 17
#CFEED8
DMC 775
Baby Blue Vy Lt
ΔE 41
#FEF9CD
DMC 746
Off White
ΔE 31

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: #f3bad6;
  --color-couleur-2: #e3ccf4;
  --color-couleur-3: #bbe0f6;
  --color-couleur-4: #cfeed8;
  --color-couleur-5: #fef9cd;
}
Tailwind
'pruneaux-manga': {
  500: '#f3bad6',
  400: '#e3ccf4',
  300: '#bbe0f6',
  200: '#cfeed8',
  100: '#fef9cd',
}
JSON
{
  "name": "Pruneaux & Manga",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f3bad6"
    },
    {
      "name": "Couleur 2",
      "hex": "#e3ccf4"
    },
    {
      "name": "Couleur 3",
      "hex": "#bbe0f6"
    },
    {
      "name": "Couleur 4",
      "hex": "#cfeed8"
    },
    {
      "name": "Couleur 5",
      "hex": "#fef9cd"
    }
  ]
}
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.64:1Fail
Black
12.81:1AAA
Couleur 2
White
1.48:1Fail
Black
14.21:1AAA
Couleur 3
White
1.39:1Fail
Black
15.11:1AAA
Couleur 4
White
1.24:1Fail
Black
16.87:1AAA
Couleur 5
White
1.07:1Fail
Black
19.65:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Pruneaux & Manga

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, rich hot pink that breathes 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

Creativity & Distinction

Couleur 2 breathes the pale, rich 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 3

Innovation & Precision

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

Balance & Harmony

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

Enthusiasm & Boldness

Couleur 5 is a pale orange with vivid saturation that radiates positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.

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