Monochromatique · 5 couleurs · 26 avril 2026

Magenta & Sugar

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.

MonochromatiqueWeb Branding Illustration

#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

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

Analyse de contraste

Text on Canvas

6.3:1

Secondary on Canvas

2.2:1

Fail

Accent on Base

2.9:1

Fail

Create your own palette on ColorSeed →