Complémentaire · 5 couleurs · 26 avril 2026

Pink & Fig

Construite sur la polyphonie rare de quatre teintes indépendantes en dialogue, Pink & Fig déploie un espace de contemplation silencieux. une dramaturgie visuelle sans compromis — une invitation à confiance et profondeur.

ComplémentaireIllustration Print

#F8AFD4Couleur 1

RGB248 175 212HSL330 84 83

#D4BF82Couleur 2

RGB212 191 130HSL45 49 67

#0D9B81Couleur 3

RGB13 155 129HSL169 85 33

#465481Couleur 4

RGB70 84 129HSL226 30 39

#5B2F40Couleur 5

RGB91 47 64HSL337 32 27

Technical Specs

Assets de développement avec blocs de code copiables pour design systems.

CSS

:root {
  --color-couleur-1: #f8afd4;
  --color-couleur-2: #d4bf82;
  --color-couleur-3: #0d9b81;
  --color-couleur-4: #465481;
  --color-couleur-5: #5b2f40;
}

Tailwind

'pink-fig': {
  500: '#f8afd4',
  400: '#d4bf82',
  300: '#0d9b81',
  200: '#465481',
  100: '#5b2f40',
}

JSON

{
  "name": "Pink & Fig",
  "harmony": "Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f8afd4"
    },
    {
      "name": "Couleur 2",
      "hex": "#d4bf82"
    },
    {
      "name": "Couleur 3",
      "hex": "#0d9b81"
    },
    {
      "name": "Couleur 4",
      "hex": "#465481"
    },
    {
      "name": "Couleur 5",
      "hex": "#5b2f40"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.74:1Fail

Noir

12.07:1AAA

Couleur 2

Blanc

1.81:1Fail

Noir

11.57:1AAA

Couleur 3

Blanc

3.49:1AA Large

Noir

6.02:1AA

Couleur 4

Blanc

7.38:1AAA

Noir

2.85:1Fail

Couleur 5

Blanc

10.91:1AAA

Noir

1.93:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #5b2f40 for text on #f8afd4 background.

Emotional Impact

Analyse de contraste

Text on Canvas

6.3:1

Secondary on Canvas

2:1

Fail

Accent on Base

3.1:1

AA Large

Create your own palette on ColorSeed →