Complémentaire · 5 couleurs · 28 avril 2026

Periwinkle & Good

Periwinkle & Good — la vibration intense de deux extrêmes du spectre en contact. La palette développe la sobriété d'un espace architectural maîtrisé et instaure une dramaturgie visuelle sans compromis. Un vocabulaire chromatique pour croissance et vitalité.

ComplémentaireIllustration Mode Sombre Vif Forêt

#F7E284Couleur 1

RGB247 226 132HSL49 88 74

#C0C9FFCouleur 2

RGB192 201 255HSL231 100 88

#A08300Couleur 3

RGB160 131 0HSL49 100 31

#313976Couleur 4

RGB49 57 118HSL233 41 33

#3B2C00Couleur 5

RGB59 44 0HSL45 100 12

Technical Specs

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

CSS

:root {
  --color-couleur-1: #f7e284;
  --color-couleur-2: #c0c9ff;
  --color-couleur-3: #a08300;
  --color-couleur-4: #313976;
  --color-couleur-5: #3b2c00;
}

Tailwind

'periwinkle-good': {
  500: '#f7e284',
  400: '#c0c9ff',
  300: '#a08300',
  200: '#313976',
  100: '#3b2c00',
}

JSON

{
  "name": "Periwinkle & Good",
  "harmony": "Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#f7e284"
    },
    {
      "name": "Couleur 2",
      "hex": "#c0c9ff"
    },
    {
      "name": "Couleur 3",
      "hex": "#a08300"
    },
    {
      "name": "Couleur 4",
      "hex": "#313976"
    },
    {
      "name": "Couleur 5",
      "hex": "#3b2c00"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.3:1Fail

Noir

16.17:1AAA

Couleur 2

Blanc

1.61:1Fail

Noir

13.04:1AAA

Couleur 3

Blanc

3.66:1AA Large

Noir

5.74:1AA

Couleur 4

Blanc

10.62:1AAA

Noir

1.98:1Fail

Couleur 5

Blanc

13.58:1AAA

Noir

1.55:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #3b2c00 for text on #f7e284 background.

Emotional Impact

Analyse de contraste

Text on Canvas

10.5:1

AAA

Secondary on Canvas

2.8:1

Fail

Accent on Base

3.7:1

AA Large

Create your own palette on ColorSeed →