ColorSeed

Complementary · 5 colors · May 1, 2026

Fantasies & Purple

Create palette

Fantasies & Purple — an asymmetric triangle that plays with the eye without tiring it. The palette develops an elegant and restrained refinement and establishes a contrast that cuts and asserts. A chromatic vocabulary for growth and vitality.

ComplementaryIllustrationFashionDarkBoldCool
#F3E17CCouleur 1
RGB243 225 124HSL51 83 72
#A7DDF6Couleur 2
RGB167 221 246HSL199 81 81
#AA77BBCouleur 3
RGB170 119 187HSL285 33 60
#5D3309Couleur 4
RGB93 51 9HSL30 82 20
#082D54Couleur 5
RGB8 45 84HSL211 83 18

Palette Usage Guide

Application Scenarios

Interface Design

Combine #082d54 for text on #f3e17c background.

Emotional Impact

Fantasies & Purple — an asymmetric triangle that plays with the eye without tiring it. The palette develops an elegant and restrained refinement and establishes a contrast that cuts and asserts. A chromatic vocabulary for growth and vitality.

Contrast Analysis
Text on Canvas

10.5:1

AAA

Secondary on Canvas

2.6:1

Fail

Accent on Base

4:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :37 (Approximate)
#F3E17C
DMC 727
Topaz Very Light
ΔE 20
#A7DDF6
DMC 3811
Turquoise Vy Lt
ΔE 33
#AA77BB
DMC 209
Lavender Dk
ΔE 47
#5D3309
DMC 801
Coffee Brown Dk
ΔE 43
#082D54
DMC 336
Navy Blue
ΔE 40

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: #f3e17c;
  --color-couleur-2: #a7ddf6;
  --color-couleur-3: #aa77bb;
  --color-couleur-4: #5d3309;
  --color-couleur-5: #082d54;
}
Tailwind
'fantasies-purple': {
  500: '#f3e17c',
  400: '#a7ddf6',
  300: '#aa77bb',
  200: '#5d3309',
  100: '#082d54',
}
JSON
{
  "name": "Fantasies & Purple",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f3e17c"
    },
    {
      "name": "Couleur 2",
      "hex": "#a7ddf6"
    },
    {
      "name": "Couleur 3",
      "hex": "#aa77bb"
    },
    {
      "name": "Couleur 4",
      "hex": "#5d3309"
    },
    {
      "name": "Couleur 5",
      "hex": "#082d54"
    }
  ]
}
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.32:1Fail
Black
15.87:1AAA
Couleur 2
White
1.47:1Fail
Black
14.32:1AAA
Couleur 3
White
3.46:1AA Large
Black
6.07:1AA
Couleur 4
White
10.81:1AAA
Black
1.94:1Fail
Couleur 5
White
13.87:1AAA
Black
1.51:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Fantasies & Purple

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

Enthusiasm & Boldness

Couleur 1 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
Couleur 2

Innovation & Precision

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

Elegance & Subtlety

Couleur 3 evokes the light, quiet register of violet — a color rare in nature that, for this very reason, instantly draws the eye. Its softened hue slides between originality and quiet elegance — the color of brands that know their worth without shouting it.

EleganceSubtletyRefinementDiscernment
Couleur 4

Authenticity & Grounding

Couleur 4 commands the dark, vivid warmth of fired clay — a shade that is both reassuring and memorable. It evokes craftsmanship, raw materials, and tradition. Brands that adopt it communicate authenticity effortlessly.

AuthenticityCraftGroundingTradition
Couleur 5

Trust & Authority

Couleur 5 commands the deep, vivid register of blue — the universal color of trust, here expressed with its own personality. Its depth makes it the color of institutions, decision-makers, and leaders who have nothing to prove. Serious, stable, timeless.

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