ColorSeed

Complementary · 6 colors · April 29, 2026

Sorrows & Blood

Create palette

Sorrows & Blood weaves the controlled complexity of a chromatic square in balanced tension. a space of quiet contemplation — an uncompromising visual dramaturgy. It speaks of clarity, openness and of refreshing.

ComplementaryBrandingIllustrationBoldCoolOcean
#EEEC68Couleur 1
RGB238 236 104HSL59 80 67
#65E7ECCouleur 2
RGB101 231 236HSL182 78 66
#9987F8Couleur 3
RGB153 135 248HSL250 89 75
#8D303CCouleur 4
RGB141 48 60HSL352 49 37
#302A03Couleur 5
RGB48 42 3HSL52 88 10
#032B2BCouleur 6
RGB3 43 43HSL180 87 9

Palette Usage Guide

Application Scenarios

Interface Design

Combine #032b2b for text on #eeec68 background.

Emotional Impact

Sorrows & Blood weaves the controlled complexity of a chromatic square in balanced tension. a space of quiet contemplation — an uncompromising visual dramaturgy. It speaks of clarity, openness and of refreshing.

Contrast Analysis
Text on Canvas

12.2:1

AAA

Secondary on Canvas

2.3:1

Fail

Accent on Base

5.2:1

AA

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :59 (Rough)
#EEEC68
DMC 307
Lemon
ΔE 34
#65E7EC
DMC 964
Sea Green Lt
ΔE 104
#9987F8
DMC 210
Lavender Medium
ΔE 89
#8D303C
DMC 309
Rose Deep
ΔE 39
#302A03
DMC 898
Coffee Brown V Dk
ΔE 37
#032B2B
DMC 500
Blue Green Vy Dk
ΔE 52

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: #eeec68;
  --color-couleur-2: #65e7ec;
  --color-couleur-3: #9987f8;
  --color-couleur-4: #8d303c;
  --color-couleur-5: #302a03;
  --color-couleur-6: #032b2b;
}
Tailwind
'sorrows-blood': {
  600: '#eeec68',
  500: '#65e7ec',
  400: '#9987f8',
  300: '#8d303c',
  200: '#302a03',
  100: '#032b2b',
}
JSON
{
  "name": "Sorrows & Blood",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#eeec68"
    },
    {
      "name": "Couleur 2",
      "hex": "#65e7ec"
    },
    {
      "name": "Couleur 3",
      "hex": "#9987f8"
    },
    {
      "name": "Couleur 4",
      "hex": "#8d303c"
    },
    {
      "name": "Couleur 5",
      "hex": "#302a03"
    },
    {
      "name": "Couleur 6",
      "hex": "#032b2b"
    }
  ]
}
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.25:1Fail
Black
16.83:1AAA
Couleur 2
White
1.48:1Fail
Black
14.19:1AAA
Couleur 3
White
2.93:1Fail
Black
7.18:1AAA
Couleur 4
White
8.01:1AAA
Black
2.62:1Fail
Couleur 5
White
14.4:1AAA
Black
1.46:1Fail
Couleur 6
White
15.17:1AAA
Black
1.38:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Sorrows & Blood

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

Freshness & Clarity

Couleur 2 radiates the invigorating clarity of tropical waters — a light, vivid 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

Intuition & Vision

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

Authority & Mastery

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

AuthorityDepthPrestigeGravity
Couleur 5

Enthusiasm & Boldness

Couleur 5 is a deep 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 6

Depth & Mystery

Couleur 6 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 →