ColorSeed

Complementary · 5 colors · May 22, 2026

Porphyre Immaculé de Passage

Create palette

Born from "Porphyre Immaculé de Passage", Porphyre Immaculé de Passage explores the sharp dialogue of two hues facing one another. Within it, the sobriety of a mastered architectural space, crossed by an uncompromising visual dramaturgy.

ComplementaryBrandingIllustrationBoldCool
#E5E5FFCouleur 1
RGB229 229 255HSL240 100 95
#E7DC83Couleur 2
RGB231 220 131HSL53 68 71
#948FFFCouleur 3
RGB148 143 255HSL243 100 78
#856600Couleur 4
RGB133 102 0HSL46 100 26
#4546A1Couleur 5
RGB69 70 161HSL239 40 45

Palette Usage Guide

Application Scenarios

Interface Design

Combine #4546a1 for text on #e5e5ff background.

Emotional Impact

Born from "Porphyre Immaculé de Passage", Porphyre Immaculé de Passage explores the sharp dialogue of two hues facing one another. Within it, the sobriety of a mastered architectural space, crossed by an uncompromising visual dramaturgy.

Contrast Analysis
Text on Canvas

6.4:1

AA

Secondary on Canvas

2.2:1

Fail

Accent on Base

2.9:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :56 (Rough)
#E5E5FF
DMC 775
Baby Blue Vy Lt
ΔE 44
#E7DC83
DMC 472
Avocado Green Ul
ΔE 21
#948FFF
DMC 800
Delft Blue Pale
ΔE 91
#856600
DMC 731
Olive Green Dk
ΔE 74
#4546A1
DMC 797
Royal Blue
ΔE 52

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: #e5e5ff;
  --color-couleur-2: #e7dc83;
  --color-couleur-3: #948fff;
  --color-couleur-4: #856600;
  --color-couleur-5: #4546a1;
}
Tailwind
'porphyre-immacul-de-passage': {
  500: '#e5e5ff',
  400: '#e7dc83',
  300: '#948fff',
  200: '#856600',
  100: '#4546a1',
}
JSON
{
  "name": "Porphyre Immaculé de Passage",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#e5e5ff"
    },
    {
      "name": "Couleur 2",
      "hex": "#e7dc83"
    },
    {
      "name": "Couleur 3",
      "hex": "#948fff"
    },
    {
      "name": "Couleur 4",
      "hex": "#856600"
    },
    {
      "name": "Couleur 5",
      "hex": "#4546a1"
    }
  ]
}
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.24:1Fail
Black
16.98:1AAA
Couleur 2
White
1.4:1Fail
Black
14.96:1AAA
Couleur 3
White
2.75:1Fail
Black
7.63:1AAA
Couleur 4
White
5.39:1AA
Black
3.9:1AA Large
Couleur 5
White
7.94:1AAA
Black
2.64:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Porphyre Immaculé de Passage

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

Enthusiasm & Boldness

Couleur 2 is a light orange with rich saturation that breathes 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 3

Intuition & Vision

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

Enthusiasm & Boldness

Couleur 4 is a dark 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

Intuition & Vision

Couleur 5 is a medium, balanced 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
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 →