ColorSeed

Complementary · 5 colors · May 21, 2026

Muddled Bubblegum Tenebrae

Create palette

Through the perfect balance of opposites — each one revealing the other, Muddled Bubblegum Tenebrae composes a mineral, soothing freshness. The contrast between hues evokes trust, depth.

ComplementaryIllustrationFashionDarkBoldCool
#FFCCFECouleur 1
RGB255 204 254HSL301 100 90
#A6D3B0Couleur 2
RGB166 211 176HSL133 34 74
#985494Couleur 3
RGB152 84 148HSL304 29 46
#003308Couleur 4
RGB0 51 8HSL129 100 10
#200521Couleur 5
RGB32 5 33HSL298 74 7

Palette Usage Guide

Application Scenarios

Interface Design

Combine #200521 for text on #ffccfe background.

Emotional Impact

Through the perfect balance of opposites — each one revealing the other, Muddled Bubblegum Tenebrae composes a mineral, soothing freshness. The contrast between hues evokes trust, depth.

Contrast Analysis
Text on Canvas

13.9:1

AAA

Secondary on Canvas

3.8:1

AA Large

Accent on Base

3.6:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :56 (Rough)
#FFCCFE
DMC 605
Cranberry Vy Lt
ΔE 68
#A6D3B0
DMC 504
Blue Green Lt
ΔE 24
#985494
DMC 552
Violet Med
ΔE 57
#003308
DMC 500
Blue Green Vy Dk
ΔE 77
#200521
DMC 938
Coffee Brown Ul Dk
ΔE 56

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: #ffccfe;
  --color-couleur-2: #a6d3b0;
  --color-couleur-3: #985494;
  --color-couleur-4: #003308;
  --color-couleur-5: #200521;
}
Tailwind
'muddled-bubblegum-tenebrae': {
  500: '#ffccfe',
  400: '#a6d3b0',
  300: '#985494',
  200: '#003308',
  100: '#200521',
}
JSON
{
  "name": "Muddled Bubblegum Tenebrae",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#ffccfe"
    },
    {
      "name": "Couleur 2",
      "hex": "#a6d3b0"
    },
    {
      "name": "Couleur 3",
      "hex": "#985494"
    },
    {
      "name": "Couleur 4",
      "hex": "#003308"
    },
    {
      "name": "Couleur 5",
      "hex": "#200521"
    }
  ]
}
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.37:1Fail
Black
15.32:1AAA
Couleur 2
White
1.67:1Fail
Black
12.57:1AAA
Couleur 3
White
5.21:1AA
Black
4.03:1AA Large
Couleur 4
White
14.22:1AAA
Black
1.48:1Fail
Couleur 5
White
19:1AAA
Black
1.11:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Muddled Bubblegum Tenebrae

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

Creativity & Distinction

Couleur 1 radiates the pale, vivid register of violet — a color rare in nature that, for this very reason, instantly draws the eye. Its vibrancy makes it a remarkable distinction tool in a landscape dominated by blues and grays. It embodies creative ambition and unconventional thinking.

CreativityDistinctionAmbitionOriginality
Couleur 2

Balance & Harmony

Couleur 2 is a pale, quiet emerald green that breathes a serene, timeless botanical balance. Its restrained saturation makes it a green that knows how to step back and support other elements — invaluable in balanced design systems.

BalanceHarmonySerenityNature
Couleur 3

Elegance & Subtlety

Couleur 3 evokes the medium, 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

Grounding & Durability

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

Royalty & Mystery

Couleur 5 commands the deep, rich register of violet — a color rare in nature that, for this very reason, instantly draws the eye. Its roots in royal tradition give it an aura of rarity and power. It etches itself in memory effortlessly.

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