Complémentaire · 8 couleurs · 27 avril 2026

Cloud & Jade

Construite sur la sophistication d'un complémentaire brisé — tension sans brutalité, Cloud & Jade déploie un espace de contemplation silencieux. une dramaturgie visuelle sans compromis — une invitation à clarté et ouverture.

ComplémentaireIllustration Mode Vif Froid Océan

#65E6E6Couleur 1

RGB101 230 230HSL180 72 65

#FCE9FBCouleur 2

RGB252 233 251HSL303 76 95

#E6B565Couleur 3

RGB230 181 101HSL37 72 65

#22D0D3Couleur 4

RGB34 208 211HSL181 72 48

#9B5998Couleur 5

RGB155 89 152HSL303 27 48

#881816Couleur 6

RGB136 24 22HSL1 72 31

#0E5153Couleur 7

RGB14 81 83HSL182 71 19

#510E53Couleur 8

RGB81 14 83HSL298 71 19

Technical Specs

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

CSS

:root {
  --color-couleur-1: #65e6e6;
  --color-couleur-2: #fce9fb;
  --color-couleur-3: #e6b565;
  --color-couleur-4: #22d0d3;
  --color-couleur-5: #9b5998;
  --color-couleur-6: #881816;
  --color-couleur-7: #0e5153;
  --color-couleur-8: #510e53;
}

Tailwind

'cloud-jade': {
  800: '#65e6e6',
  700: '#fce9fb',
  600: '#e6b565',
  500: '#22d0d3',
  400: '#9b5998',
  300: '#881816',
  200: '#0e5153',
  100: '#510e53',
}

JSON

{
  "name": "Cloud & Jade",
  "harmony": "Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#65e6e6"
    },
    {
      "name": "Couleur 2",
      "hex": "#fce9fb"
    },
    {
      "name": "Couleur 3",
      "hex": "#e6b565"
    },
    {
      "name": "Couleur 4",
      "hex": "#22d0d3"
    },
    {
      "name": "Couleur 5",
      "hex": "#9b5998"
    },
    {
      "name": "Couleur 6",
      "hex": "#881816"
    },
    {
      "name": "Couleur 7",
      "hex": "#0e5153"
    },
    {
      "name": "Couleur 8",
      "hex": "#510e53"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

1.5:1Fail

Noir

14.01:1AAA

Couleur 2

Blanc

1.15:1Fail

Noir

18.19:1AAA

Couleur 3

Blanc

1.88:1Fail

Noir

11.16:1AAA

Couleur 4

Blanc

1.9:1Fail

Noir

11.03:1AAA

Couleur 5

Blanc

4.91:1AA

Noir

4.28:1AA Large

Couleur 6

Blanc

9.59:1AAA

Noir

2.19:1Fail

Couleur 7

Blanc

9.05:1AAA

Noir

2.32:1Fail

Couleur 8

Blanc

13.66:1AAA

Noir

1.54:1Fail

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #510e53 for text on #fce9fb background.

Emotional Impact

Analyse de contraste

Text on Canvas

11.8:1

AAA

Secondary on Canvas

1.6:1

Fail

Accent on Base

7.2:1

AAA

Create your own palette on ColorSeed →