ColorSeed

Split-Complémentaire · 5 couleurs · 28 avril 2026

Treasure & Manhattan

Créer une palette

Issue de "Treasure & Manhattan", Treasure & Manhattan explore l'élégance d'une couleur face à ses deux voisins complémentaires. On y trouve un espace de contemplation silencieux, traversée par une progression douce mais lisible.

Split-ComplémentairePrintFroidOcéan
#A2EBEBCouleur 1
RGB162 235 235HSL180 65 78
#F9ECF6Couleur 2
RGB249 236 246HSL314 52 95
#E4B181Couleur 3
RGB228 177 129HSL29 65 70
#28B3B8Couleur 4
RGB40 179 184HSL182 64 44
#91698DCouleur 5
RGB145 105 141HSL306 16 49
Technical Specs

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

CSS
:root {
  --color-couleur-1: #a2ebeb;
  --color-couleur-2: #f9ecf6;
  --color-couleur-3: #e4b181;
  --color-couleur-4: #28b3b8;
  --color-couleur-5: #91698d;
}
Tailwind
'treasure-manhattan': {
  500: '#a2ebeb',
  400: '#f9ecf6',
  300: '#e4b181',
  200: '#28b3b8',
  100: '#91698d',
}
JSON
{
  "name": "Treasure & Manhattan",
  "harmony": "Split-Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#a2ebeb"
    },
    {
      "name": "Couleur 2",
      "hex": "#f9ecf6"
    },
    {
      "name": "Couleur 3",
      "hex": "#e4b181"
    },
    {
      "name": "Couleur 4",
      "hex": "#28b3b8"
    },
    {
      "name": "Couleur 5",
      "hex": "#91698d"
    }
  ]
}
PNG
Pinterest
1000 × 1500
Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1
Blanc
1.34:1Fail
Noir
15.62:1AAA
Couleur 2
Blanc
1.14:1Fail
Noir
18.36:1AAA
Couleur 3
Blanc
1.93:1Fail
Noir
10.9:1AAA
Couleur 4
Blanc
2.55:1Fail
Noir
8.23:1AAA
Couleur 5
Blanc
4.56:1AA
Noir
4.61:1AA

Guide d'utilisation

Scénarios d'application

Interface Design

Combine #91698d for text on #f9ecf6 background.

Emotional Impact

Issue de "Treasure & Manhattan", Treasure & Manhattan explore l'élégance d'une couleur face à ses deux voisins complémentaires. On y trouve un espace de contemplation silencieux, traversée par une progression douce mais lisible.

Analyse de contraste
Text on Canvas

4:1

AA Large

Secondary on Canvas

1.7:1

Fail

Accent on Base

2.4:1

Fail

Create your own palette on ColorSeed →