ColorSeed

Complementary · 5 colors · April 28, 2026

Periwinkle & Good

Create palette

Periwinkle & Good — the intense vibration of two spectral extremes in contact. The palette develops the sobriety of a mastered architectural space and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for growth and vitality.

ComplementaryIllustrationFashionDarkBoldForest
#F7E284Couleur 1
RGB247 226 132HSL49 88 74
#C0C9FFCouleur 2
RGB192 201 255HSL231 100 88
#A08300Couleur 3
RGB160 131 0HSL49 100 31
#313976Couleur 4
RGB49 57 118HSL233 41 33
#3B2C00Couleur 5
RGB59 44 0HSL45 100 12

Palette Usage Guide

Application Scenarios

Interface Design

Combine #3b2c00 for text on #f7e284 background.

Emotional Impact

Periwinkle & Good — the intense vibration of two spectral extremes in contact. The palette develops the sobriety of a mastered architectural space and establishes an uncompromising visual dramaturgy. A chromatic vocabulary for growth and vitality.

Contrast Analysis
Text on Canvas

10.5:1

AAA

Secondary on Canvas

2.8:1

Fail

Accent on Base

3.7:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :42 (Approximate)
#F7E284
DMC 727
Topaz Very Light
ΔE 11
#C0C9FF
DMC 827
Blue Very Light
ΔE 48
#A08300
DMC 732
Olive Green
ΔE 79
#313976
DMC 796
Royal Blue Dark
ΔE 33
#3B2C00
DMC 898
Coffee Brown V Dk
ΔE 38

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: #f7e284;
  --color-couleur-2: #c0c9ff;
  --color-couleur-3: #a08300;
  --color-couleur-4: #313976;
  --color-couleur-5: #3b2c00;
}
Tailwind
'periwinkle-good': {
  500: '#f7e284',
  400: '#c0c9ff',
  300: '#a08300',
  200: '#313976',
  100: '#3b2c00',
}
JSON
{
  "name": "Periwinkle & Good",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f7e284"
    },
    {
      "name": "Couleur 2",
      "hex": "#c0c9ff"
    },
    {
      "name": "Couleur 3",
      "hex": "#a08300"
    },
    {
      "name": "Couleur 4",
      "hex": "#313976"
    },
    {
      "name": "Couleur 5",
      "hex": "#3b2c00"
    }
  ]
}
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.3:1Fail
Black
16.17:1AAA
Couleur 2
White
1.61:1Fail
Black
13.04:1AAA
Couleur 3
White
3.66:1AA Large
Black
5.74:1AA
Couleur 4
White
10.62:1AAA
Black
1.98:1Fail
Couleur 5
White
13.58:1AAA
Black
1.55:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Periwinkle & Good

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

Serenity & Openness

Couleur 2 radiates the pale, vivid register of blue — the universal color of trust, here expressed with its own personality. Its clarity disarms mistrust and opens dialogue. Interface, onboarding, welcome — this blue dissolves the user's psychological barriers.

SerenityOpennessLightnessAccessibility
Couleur 3

Enthusiasm & Boldness

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

Trust & Authority

Couleur 4 evokes the dark, balanced 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
Couleur 5

Enthusiasm & Boldness

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