ColorSeed

Complementary · 5 colors · June 2, 2026

Muddled Burgundy Haze

Create palette

Born from "Muddled Burgundy Haze", Muddled Burgundy Haze explores the subtlety of indirect contrast — less aggressive, more nuanced. Within it, a blue and clear chromatic silence, crossed by a contrast that cuts and asserts.

ComplementaryIllustrationGameDarkBoldCool
#DB3944Couleur 1
RGB219 57 68HSL356 69 54
#86DFBCCouleur 2
RGB134 223 188HSL156 58 70
#007FB7Couleur 3
RGB0 127 183HSL198 100 36
#4F0018Couleur 4
RGB79 0 24HSL342 100 15
#001D05Couleur 5
RGB0 29 5HSL130 100 6

Palette Usage Guide

Application Scenarios

Interface Design

Combine #001d05 for text on #86dfbc background.

Emotional Impact

Born from "Muddled Burgundy Haze", Muddled Burgundy Haze explores the subtlety of indirect contrast — less aggressive, more nuanced. Within it, a blue and clear chromatic silence, crossed by a contrast that cuts and asserts.

Contrast Analysis
Text on Canvas

11.3:1

AAA

Secondary on Canvas

2.8:1

Fail

Accent on Base

4:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :48 (Approximate)
#DB3944
DMC 349
Coral Dark
ΔE 22
#86DFBC
DMC 964
Sea Green Lt
ΔE 45
#007FB7
DMC 825
Blue Dark
ΔE 78
#4F0018
DMC 814
Garnet Dark
ΔE 35
#001D05
DMC 310
Black
ΔE 59

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: #db3944;
  --color-couleur-2: #86dfbc;
  --color-couleur-3: #007fb7;
  --color-couleur-4: #4f0018;
  --color-couleur-5: #001d05;
}
Tailwind
'muddled-burgundy-haze': {
  500: '#db3944',
  400: '#86dfbc',
  300: '#007fb7',
  200: '#4f0018',
  100: '#001d05',
}
JSON
{
  "name": "Muddled Burgundy Haze",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#db3944"
    },
    {
      "name": "Couleur 2",
      "hex": "#86dfbc"
    },
    {
      "name": "Couleur 3",
      "hex": "#007fb7"
    },
    {
      "name": "Couleur 4",
      "hex": "#4f0018"
    },
    {
      "name": "Couleur 5",
      "hex": "#001d05"
    }
  ]
}
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
4.49:1AA Large
Black
4.68:1AA
Couleur 2
White
1.58:1Fail
Black
13.29:1AAA
Couleur 3
White
4.45:1AA Large
Black
4.72:1AA
Couleur 4
White
15.61:1AAA
Black
1.35:1Fail
Couleur 5
White
17.83:1AAA
Black
1.18:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Muddled Burgundy Haze

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

Energy & Urgency

Couleur 1 is a medium, rich red that evokes a direct, assertive presence. Its saturation level makes it an immediate visual signal: ideal for CTAs, conversion moments, and decisive instants.

ActionUrgencyEnergyVitality
Couleur 2

Freshness & Clarity

Couleur 2 breathes the invigorating clarity of tropical waters — a light, balanced hue at the boundary of blue and green. Its clarity brings freshness and trust simultaneously — the signal of a brand that is both modern and caring.

FreshnessClarityModernityTrust
Couleur 3

Innovation & Precision

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

Authority & Mastery

Couleur 4 is a deep, vivid red that commands a raw and memorable intensity. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

AuthorityDepthPrestigeGravity
Couleur 5

Grounding & Durability

Couleur 5 is a deep, vivid emerald green that commands the permanence of ancient forests. Its depth inspires enduring trust — the color of brands that think long-term and value solidity over shine.

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