ColorSeed

Monochromatique · 5 couleurs · 26 avril 2026

Magenta & Sugar

Créer une palette

Construite sur un poème d'une seule couleur décliné en nuances infinies, Magenta & Sugar déploie une retenue élégante et sans excès. un contraste qui tranche et affirme — une invitation à tendresse et grâce.

MonochromatiqueWebBrandingIllustration
#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
Technical Specs

Assets de développement avec blocs de code copiables pour 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": "Monochromatique",
  "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"
    }
  ]
}
PNG
Pinterest
1000 × 1500
Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1
Blanc
1.57:1Fail
Noir
13.35:1AAA
Couleur 2
Blanc
1.99:1Fail
Noir
10.55:1AAA
Couleur 3
Blanc
3.47:1AA Large
Noir
6.06:1AA
Couleur 4
Blanc
8.19:1AAA
Noir
2.56:1Fail
Couleur 5
Blanc
9.93:1AAA
Noir
2.11:1Fail

Guide d'utilisation

Scénarios d'application

Interface Design

Combine #7e164f for text on #f3bfe1 background.

Emotional Impact

Construite sur un poème d'une seule couleur décliné en nuances infinies, Magenta & Sugar déploie une retenue élégante et sans excès. un contraste qui tranche et affirme — une invitation à tendresse et grâce.

Analyse de contraste
Text on Canvas

6.3:1

AA

Secondary on Canvas

2.2:1

Fail

Accent on Base

2.9:1

Fail

Create your own palette on ColorSeed →