ColorSeed

Complementary · 5 colors · May 1, 2026

Forget-Me-Not & Hot

Create palette

Through a unique chromatic harmony, Forget-Me-Not & Hot composes a balance between void and form. The contrast between hues evokes growth, vitality.

ComplementaryBrandingPrintDarkForestNature
#3B2729Couleur 1
RGB59 39 41HSL354 20 19
#944119Couleur 2
RGB148 65 25HSL20 71 34
#5E6D8ECouleur 3
RGB94 109 142HSL221 20 46
#BC8D5ACouleur 4
RGB188 141 90HSL31 42 55
#E4E1CFCouleur 5
RGB228 225 207HSL51 28 85

Palette Usage Guide

Application Scenarios

Interface Design

Combine #3b2729 for text on #e4e1cf background.

Emotional Impact

Through a unique chromatic harmony, Forget-Me-Not & Hot composes a balance between void and form. The contrast between hues evokes growth, vitality.

Contrast Analysis
Text on Canvas

10.6:1

AAA

Secondary on Canvas

3.9:1

AA Large

Accent on Base

2.7:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :36 (Approximate)
#3B2729
DMC 898
Coffee Brown V Dk
ΔE 34
#944119
DMC 433
Brown Medium
ΔE 45
#5E6D8E
DMC 3838
Lavender Blue Dk
ΔE 49
#BC8D5A
DMC 437
Tan Light
ΔE 25
#E4E1CF
DMC 762
Pearl Gray Vy Lt
Δ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: #3b2729;
  --color-couleur-2: #944119;
  --color-couleur-3: #5e6d8e;
  --color-couleur-4: #bc8d5a;
  --color-couleur-5: #e4e1cf;
}
Tailwind
'forget-me-not-hot': {
  500: '#3b2729',
  400: '#944119',
  300: '#5e6d8e',
  200: '#bc8d5a',
  100: '#e4e1cf',
}
JSON
{
  "name": "Forget-Me-Not & Hot",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#3b2729"
    },
    {
      "name": "Couleur 2",
      "hex": "#944119"
    },
    {
      "name": "Couleur 3",
      "hex": "#5e6d8e"
    },
    {
      "name": "Couleur 4",
      "hex": "#bc8d5a"
    },
    {
      "name": "Couleur 5",
      "hex": "#e4e1cf"
    }
  ]
}
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
13.92:1AAA
Black
1.51:1Fail
Couleur 2
White
6.93:1AA
Black
3.03:1AA Large
Couleur 3
White
5.18:1AA
Black
4.05:1AA Large
Couleur 4
White
2.96:1Fail
Black
7.1:1AAA
Couleur 5
White
1.31:1Fail
Black
15.97:1AAA
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Forget-Me-Not & Hot

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

Authority & Mastery

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

AuthorityDepthPrestigeGravity
Couleur 2

Authority & Mastery

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

Reliability & Clarity

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

Warmth & Benevolence

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

Creativity & Accessibility

Couleur 5 is a pale orange with quiet saturation that breathes positive, communicative energy. Softened, it preserves orange's vitality without its impetuosity — ideal for brands wanting to appear both inventive and warm.

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