ColorSeed

Complementary · 5 colors · May 30, 2026

Mobile Scarlet Recollection

Create palette

Built on the electric tension between two opposites that magnify each other, Mobile Scarlet Recollection unfolds a space of quiet contemplation. an uncompromising visual dramaturgy — an invitation to mystery and spirituality.

ComplementaryIllustrationDarkBoldCool
#FDE8F5Couleur 1
RGB253 232 245HSL323 84 95
#AFE4DBCouleur 2
RGB175 228 219HSL170 50 79
#C35086Couleur 3
RGB195 80 134HSL332 49 54
#0E5337Couleur 4
RGB14 83 55HSL156 71 19
#4E0D26Couleur 5
RGB78 13 38HSL337 71 18

Palette Usage Guide

Application Scenarios

Interface Design

Combine #4e0d26 for text on #fde8f5 background.

Emotional Impact

Built on the electric tension between two opposites that magnify each other, Mobile Scarlet Recollection unfolds a space of quiet contemplation. an uncompromising visual dramaturgy — an invitation to mystery and spirituality.

Contrast Analysis
Text on Canvas

12.8:1

AAA

Secondary on Canvas

3.7:1

AA Large

Accent on Base

3.4:1

AA Large

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :28 (Approximate)
#FDE8F5
DMC 3865
Winter White
ΔE 30
#AFE4DB
DMC 3811
Turquoise Vy Lt
ΔE 15
#C35086
DMC 601
Cranberry Dark
ΔE 34
#0E5337
DMC 501
Blue Green Dk
ΔE 39
#4E0D26
DMC 814
Garnet Dark
ΔE 22

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: #fde8f5;
  --color-couleur-2: #afe4db;
  --color-couleur-3: #c35086;
  --color-couleur-4: #0e5337;
  --color-couleur-5: #4e0d26;
}
Tailwind
'mobile-scarlet-recollection': {
  500: '#fde8f5',
  400: '#afe4db',
  300: '#c35086',
  200: '#0e5337',
  100: '#4e0d26',
}
JSON
{
  "name": "Mobile Scarlet Recollection",
  "harmony": "Complementary",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#fde8f5"
    },
    {
      "name": "Couleur 2",
      "hex": "#afe4db"
    },
    {
      "name": "Couleur 3",
      "hex": "#c35086"
    },
    {
      "name": "Couleur 4",
      "hex": "#0e5337"
    },
    {
      "name": "Couleur 5",
      "hex": "#4e0d26"
    }
  ]
}
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.16:1Fail
Black
18.04:1AAA
Couleur 2
White
1.41:1Fail
Black
14.94:1AAA
Couleur 3
White
4.36:1AA Large
Black
4.81:1AA
Couleur 4
White
9.09:1AAA
Black
2.31:1Fail
Couleur 5
White
14.9:1AAA
Black
1.41:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Mobile Scarlet Recollection

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

Boldness & Modernity

Couleur 1 is a pale, vivid rose that radiates an unapologetic and memorable modernity. Its high saturation asserts itself in contemporary luxury, beauty, and brands that make their boldness an identity.

BoldnessModernityLuxuryMemorability
Couleur 2

Freshness & Clarity

Couleur 2 breathes the invigorating clarity of tropical waters — a pale, 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

Softness & Connection

Couleur 3 is a medium, balanced hot pink that evokes open tenderness and authentic connection. Softened and luminous, it creates an immediate emotional bond. Ideal for brands that put people and care at their center.

SoftnessConnectionTendernessHumanity
Couleur 4

Depth & Mystery

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

MysteryDepthWisdomSophistication
Couleur 5

Intensity & Subversion

Couleur 5 is a deep, rich hot pink that commands a strong, subversive cultural statement. In its dark tones, pink transforms — it becomes radical, contemporary, unforgettable. The choice of brands that own their singularity.

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