ColorSeed

Complementary · 5 colors · May 30, 2026

Lustrous Butter Breath

Create palette

Born from "Lustrous Butter Breath", Lustrous Butter Breath explores the perfect balance of opposites — each one revealing the other. Within it, the sobriety of a mastered architectural space, crossed by an uncompromising visual dramaturgy.

ComplementaryIllustrationFashionDarkBoldForest
#F3E659Couleur 1
RGB243 230 89HSL55 87 65
#E7E7FECouleur 2
RGB231 231 254HSL240 92 95
#A68707Couleur 3
RGB166 135 7HSL48 92 34
#483E6FCouleur 4
RGB72 62 111HSL252 28 34
#3F2003Couleur 5
RGB63 32 3HSL29 91 13

Palette Usage Guide

Application Scenarios

Interface Design

Combine #3f2003 for text on #e7e7fe background.

Emotional Impact

Born from "Lustrous Butter Breath", Lustrous Butter Breath explores the perfect balance of opposites — each one revealing the other. Within it, the sobriety of a mastered architectural space, crossed by an uncompromising visual dramaturgy.

Contrast Analysis
Text on Canvas

12.2:1

AAA

Secondary on Canvas

2.8:1

Fail

Accent on Base

4.3:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :45 (Approximate)
#F3E659
DMC 307
Lemon
ΔE 20
#E7E7FE
DMC 3865
Winter White
ΔE 45
#A68707
DMC 732
Olive Green
ΔE 74
#483E6F
DMC 3837
Lavender Ultra Dk
ΔE 57
#3F2003
DMC 898
Coffee Brown V 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: #f3e659;
  --color-couleur-2: #e7e7fe;
  --color-couleur-3: #a68707;
  --color-couleur-4: #483e6f;
  --color-couleur-5: #3f2003;
}
Tailwind
'lustrous-butter-breath': {
  500: '#f3e659',
  400: '#e7e7fe',
  300: '#a68707',
  200: '#483e6f',
  100: '#3f2003',
}
JSON
{
  "name": "Lustrous Butter Breath",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f3e659"
    },
    {
      "name": "Couleur 2",
      "hex": "#e7e7fe"
    },
    {
      "name": "Couleur 3",
      "hex": "#a68707"
    },
    {
      "name": "Couleur 4",
      "hex": "#483e6f"
    },
    {
      "name": "Couleur 5",
      "hex": "#3f2003"
    }
  ]
}
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.29:1Fail
Black
16.27:1AAA
Couleur 2
White
1.22:1Fail
Black
17.26:1AAA
Couleur 3
White
3.45:1AA Large
Black
6.09:1AA
Couleur 4
White
9.57:1AAA
Black
2.19:1Fail
Couleur 5
White
14.8:1AAA
Black
1.42:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Lustrous Butter Breath

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

Clarity & Alertness

Couleur 1 radiates a light, vivid 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 2

Intuition & Vision

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

Wisdom & Depth

Couleur 4 is a dark, quiet indigo that evokes 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
Couleur 5

Authenticity & Grounding

Couleur 5 commands the deep, 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
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 →