ColorSeed

Split-Complementary · 5 colors · May 19, 2026

Muddled Citrine Presence

Create palette

Muddled Citrine Presence weaves the elegance of one hue facing its two complementary neighbors. a balance between void and form — a dramatic tension that commands attention. It speaks of growth, vitality and of calming.

Split-ComplementaryIllustrationGameDarkBoldForest
#FCB573Couleur 1
RGB252 181 115HSL29 96 72
#6EC4B7Couleur 2
RGB110 196 183HSL171 42 60
#4053B5Couleur 3
RGB64 83 181HSL230 48 48
#45170DCouleur 4
RGB69 23 13HSL11 68 16
#011811Couleur 5
RGB1 24 17HSL162 92 5

Palette Usage Guide

Application Scenarios

Interface Design

Combine #011811 for text on #fcb573 background.

Emotional Impact

Muddled Citrine Presence weaves the elegance of one hue facing its two complementary neighbors. a balance between void and form — a dramatic tension that commands attention. It speaks of growth, vitality and of calming.

Contrast Analysis
Text on Canvas

10.5:1

AAA

Secondary on Canvas

3.8:1

AA Large

Accent on Base

2.7:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :31 (Approximate)
#FCB573
DMC 742
Tangerine Light
ΔE 24
#6EC4B7
DMC 959
Sea Green Med
ΔE 7
#4053B5
DMC 798
Delft Blue Dark
ΔE 35
#45170D
DMC 898
Coffee Brown V Dk
ΔE 32
#011811
DMC 310
Black
Δ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: #fcb573;
  --color-couleur-2: #6ec4b7;
  --color-couleur-3: #4053b5;
  --color-couleur-4: #45170d;
  --color-couleur-5: #011811;
}
Tailwind
'muddled-citrine-presence': {
  500: '#fcb573',
  400: '#6ec4b7',
  300: '#4053b5',
  200: '#45170d',
  100: '#011811',
}
JSON
{
  "name": "Muddled Citrine Presence",
  "harmony": "Split-Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#fcb573"
    },
    {
      "name": "Couleur 2",
      "hex": "#6ec4b7"
    },
    {
      "name": "Couleur 3",
      "hex": "#4053b5"
    },
    {
      "name": "Couleur 4",
      "hex": "#45170d"
    },
    {
      "name": "Couleur 5",
      "hex": "#011811"
    }
  ]
}
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.75:1Fail
Black
12:1AAA
Couleur 2
White
2.05:1Fail
Black
10.24:1AAA
Couleur 3
White
6.73:1AA
Black
3.12:1AA Large
Couleur 4
White
15.2:1AAA
Black
1.38:1Fail
Couleur 5
White
18.42:1AAA
Black
1.14:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Muddled Citrine Presence

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

Warmth & Benevolence

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

Freshness & Clarity

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

Reliability & Clarity

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

Authority & Mastery

Couleur 4 is a deep, rich red that commands a direct, assertive presence. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.

AuthorityDepthPrestigeGravity
Couleur 5

Depth & Mystery

Couleur 5 commands the silent depth of the ocean floor — a deep, vivid hue at the boundary of blue and green. Rare and sophisticated, it evokes a quiet wisdom and accessible mystery. It commands without aggression.

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