ColorSeed

Monochromatic · 5 colors · April 26, 2026

Magenta & Sugar

Create palette

Built on a poem of a single color unfolded in infinite nuances, Magenta & Sugar unfolds an elegant and restrained refinement. a contrast that cuts and asserts — an invitation to tenderness and grace.

MonochromaticWebBrandingDarkMonochromeGradient
#F3BFE1Couleur 1
RGB243 191 225HSL321 68 85
#EEA0CDCouleur 2
RGB238 160 205HSL325 70 78
#D5629CCouleur 3
RGB213 98 156HSL330 58 61
#931B5FCouleur 4
RGB147 27 95HSL326 69 34
#7E164FCouleur 5
RGB126 22 79HSL327 70 29

Palette Usage Guide

Application Scenarios

Interface Design

Combine #7e164f for text on #f3bfe1 background.

Emotional Impact

Built on a poem of a single color unfolded in infinite nuances, Magenta & Sugar unfolds an elegant and restrained refinement. a contrast that cuts and asserts — an invitation to tenderness and grace.

Contrast Analysis
Text on Canvas

6.3:1

AA

Secondary on Canvas

2.2:1

Fail

Accent on Base

2.9:1

Fail

Convert palette to thread / yarn

Closest matches across major brands

Average ΔE :30 (Approximate)
#F3BFE1
DMC 605
Cranberry Vy Lt
ΔE 20
#EEA0CD
DMC 604
Cranberry Light
ΔE 23
#D5629C
DMC 602
Cranberry Medium
ΔE 24
#931B5F
DMC 3804
Cyclamen Pink Dk
ΔE 28
#7E164F
DMC 816
Garnet
ΔE 57

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: #f3bfe1;
  --color-couleur-2: #eea0cd;
  --color-couleur-3: #d5629c;
  --color-couleur-4: #931b5f;
  --color-couleur-5: #7e164f;
}
Tailwind
'magenta-sugar': {
  500: '#f3bfe1',
  400: '#eea0cd',
  300: '#d5629c',
  200: '#931b5f',
  100: '#7e164f',
}
JSON
{
  "name": "Magenta & Sugar",
  "harmony": "Monochromatic",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f3bfe1"
    },
    {
      "name": "Couleur 2",
      "hex": "#eea0cd"
    },
    {
      "name": "Couleur 3",
      "hex": "#d5629c"
    },
    {
      "name": "Couleur 4",
      "hex": "#931b5f"
    },
    {
      "name": "Couleur 5",
      "hex": "#7e164f"
    }
  ]
}
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.57:1Fail
Black
13.35:1AAA
Couleur 2
White
1.99:1Fail
Black
10.55:1AAA
Couleur 3
White
3.47:1AA Large
Black
6.06:1AA
Couleur 4
White
8.19:1AAA
Black
2.56:1Fail
Couleur 5
White
9.93:1AAA
Black
2.11:1Fail
Brand Design

Identity Visuals

Icon Application
Typography Pairing

Magenta & Sugar

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, rich rose that breathes 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

Boldness & Modernity

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

BoldnessModernityLuxuryMemorability
Couleur 3

Softness & Connection

Couleur 3 is a light, 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

Intensity & Subversion

Couleur 4 is a dark, rich hot pink that evokes 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
Couleur 5

Intensity & Subversion

Couleur 5 is a dark, rich hot pink that evokes 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 →