ColorSeed

Complementary · 5 colors · April 26, 2026

Dusk & Maple

Create palette

Through the sharp dialogue of two hues facing one another, Dusk & Maple composes a balance between void and form. The rhythm between hues evokes growth, vitality.

ComplementaryUI / AppPrintForestNature
#43546FCouleur 1
RGB67 84 111HSL217 25 35
#8C9CB2Couleur 2
RGB140 156 178HSL215 20 62
#BCAE9FCouleur 3
RGB188 174 159HSL31 18 68
#F2CD8FCouleur 4
RGB242 205 143HSL38 79 75
#D6D7D8Couleur 5
RGB214 215 216HSL210 2 84

Palette Usage Guide

Application Scenarios

Interface Design

Combine #43546f for text on #d6d7d8 background.

Emotional Impact

Through the sharp dialogue of two hues facing one another, Dusk & Maple composes a balance between void and form. The rhythm between hues evokes growth, vitality.

Contrast Analysis
Text on Canvas

5.3:1

AA

Secondary on Canvas

1.5:1

Fail

Accent on Base

3.5:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :37 (Approximate)
#43546F
DMC 413
Pewter Gray Dk
ΔE 50
#8C9CB2
DMC 3839
Lavender Blue Med
ΔE 35
#BCAE9F
DMC 415
Pearl Gray
ΔE 54
#F2CD8F
DMC 3822
Straw Light
ΔE 20
#D6D7D8
DMC 3753
Antique Blue Ul
ΔE 26

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: #43546f;
  --color-couleur-2: #8c9cb2;
  --color-couleur-3: #bcae9f;
  --color-couleur-4: #f2cd8f;
  --color-couleur-5: #d6d7d8;
}
Tailwind
'dusk-maple': {
  500: '#43546f',
  400: '#8c9cb2',
  300: '#bcae9f',
  200: '#f2cd8f',
  100: '#d6d7d8',
}
JSON
{
  "name": "Dusk & Maple",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#43546f"
    },
    {
      "name": "Couleur 2",
      "hex": "#8c9cb2"
    },
    {
      "name": "Couleur 3",
      "hex": "#bcae9f"
    },
    {
      "name": "Couleur 4",
      "hex": "#f2cd8f"
    },
    {
      "name": "Couleur 5",
      "hex": "#d6d7d8"
    }
  ]
}
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
7.67:1AAA
Black
2.74:1Fail
Couleur 2
White
2.8:1Fail
Black
7.51:1AAA
Couleur 3
White
2.17:1Fail
Black
9.69:1AAA
Couleur 4
White
1.51:1Fail
Black
13.9:1AAA
Couleur 5
White
1.44:1Fail
Black
14.57:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Dusk & Maple

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

Trust & Authority

Couleur 1 evokes the dark, quiet 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 2

Reliability & Clarity

Couleur 2 whispers the light, quiet register of blue — the universal color of trust, here expressed with its own personality. It reconciles authority and accessibility with natural elegance. Reassuring for decision-makers, engaging for users.

ReliabilityBalanceClarityProfessionalism
Couleur 3

Warmth & Benevolence

Couleur 3 whispers the light, muted warmth of fired clay — a shade that is both reassuring and memorable. In its lighter tones, it sheds the heaviness of saturated orange to gain accessibility and human closeness.

ClosenessWarmthBenevolenceLifestyle
Couleur 4

Warmth & Benevolence

Couleur 4 radiates the pale, vivid warmth of fired clay — a shade that is both reassuring and memorable. In its lighter tones, it sheds the heaviness of saturated orange to gain accessibility and human closeness.

ClosenessWarmthBenevolenceLifestyle
Couleur 5

Purity & Timelessness

Couleur 5 represents the blank page — pale and muted, it evokes transparency and honesty. In luxury as in tech, it signifies the essential stripped of the superfluous.

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