ColorSeed

Complementary · 5 colors · July 23, 2026

Faded Periwinkle Fullness

Create palette

Faded Periwinkle Fullness — the intense vibration of two spectral extremes in contact. The palette develops a balance between void and form and establishes a dramatic tension that commands attention. A chromatic vocabulary for clarity and openness.

ComplementaryIllustrationFashionVintageMutedDark
#DBD5FFCouleur 1
RGB219 213 255HSL249 100 92
#CFCC8ECouleur 2
RGB207 204 142HSL57 40 68
#6D6ABBCouleur 3
RGB109 106 187HSL242 37 57
#3B2E00Couleur 4
RGB59 46 0HSL47 100 12
#151240Couleur 5
RGB21 18 64HSL244 56 16

Palette Usage Guide

Application Scenarios

Interface Design

Combine #151240 for text on #dbd5ff background.

Emotional Impact

Faded Periwinkle Fullness — the intense vibration of two spectral extremes in contact. The palette develops a balance between void and form and establishes a dramatic tension that commands attention. A chromatic vocabulary for clarity and openness.

Contrast Analysis
Text on Canvas

12.6:1

AAA

Secondary on Canvas

3.4:1

AA Large

Accent on Base

3.7:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :43 (Approximate)
#DBD5FF
DMC 775
Baby Blue Vy Lt
ΔE 39
#CFCC8E
DMC 472
Avocado Green Ul
ΔE 47
#6D6ABB
DMC 322
Navy Blue Lt
ΔE 56
#3B2E00
DMC 898
Coffee Brown V Dk
ΔE 40
#151240
DMC 823
Navy Blue Dk
Δ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: #dbd5ff;
  --color-couleur-2: #cfcc8e;
  --color-couleur-3: #6d6abb;
  --color-couleur-4: #3b2e00;
  --color-couleur-5: #151240;
}
Tailwind
'faded-periwinkle-fullness': {
  500: '#dbd5ff',
  400: '#cfcc8e',
  300: '#6d6abb',
  200: '#3b2e00',
  100: '#151240',
}
JSON
{
  "name": "Faded Periwinkle Fullness",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#dbd5ff"
    },
    {
      "name": "Couleur 2",
      "hex": "#cfcc8e"
    },
    {
      "name": "Couleur 3",
      "hex": "#6d6abb"
    },
    {
      "name": "Couleur 4",
      "hex": "#3b2e00"
    },
    {
      "name": "Couleur 5",
      "hex": "#151240"
    }
  ]
}
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.4:1Fail
Black
14.97:1AAA
Couleur 2
White
1.66:1Fail
Black
12.68:1AAA
Couleur 3
White
4.74:1AA
Black
4.43:1AA Large
Couleur 4
White
13.32:1AAA
Black
1.58:1Fail
Couleur 5
White
17.61:1AAA
Black
1.19:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Faded Periwinkle Fullness

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

Intuition & Vision

Couleur 1 is a pale, vivid indigo that radiates the creative tension between blue's structure and violet's imagination. More luminous, it embodies creative rigor: structured enough to be credible, inventive enough to surprise.

IntuitionCreativityInnovationRigor
Couleur 2

Clarity & Alertness

Couleur 2 radiates a light, balanced warmth reminiscent of the first hours of morning. Its luminosity stimulates mental alertness and optimism without vivid yellow's aggressiveness, maintaining a sense of comfort and clarity.

OptimismClarityAlertnessVitality
Couleur 3

Intuition & Vision

Couleur 3 is a light, quiet indigo that evokes the creative tension between blue's structure and violet's imagination. More luminous, it embodies creative rigor: structured enough to be credible, inventive enough to surprise.

IntuitionCreativityInnovationRigor
Couleur 4

Enthusiasm & Boldness

Couleur 4 is a deep orange with vivid saturation that commands 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
Couleur 5

Wisdom & Depth

Couleur 5 is a deep, balanced indigo that commands the creative tension between blue's structure and violet's imagination. Its chromatic density evokes clear nights and contemplative thought — the color of brands that cultivate expertise and long-term vision.

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