Complémentaire · 5 couleurs · 26 avril 2026

Dusk & Maple

À travers le dialogue tranchant de deux teintes qui se font face, Dusk & Maple compose un équilibre entre le vide et la forme. Le rythme entre les teintes évoque croissance, vitalité.

ComplémentaireUI / App Illustration Print

#43546FCouleur 1

RGB67 84 111HSL217 25 35

#8C9CB2Couleur 2

RGB140 156 178HSL215 20 62

#BCAE9FCouleur 3

RGB188 174 159HSL31 18 68

#F2CD8FCouleur 4

RGB242 205 143HSL38 79 75

#D6D7D8Couleur 5

RGB214 215 216HSL210 2 84

Technical Specs

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

CSS

:root {
  --color-couleur-1: #43546f;
  --color-couleur-2: #8c9cb2;
  --color-couleur-3: #bcae9f;
  --color-couleur-4: #f2cd8f;
  --color-couleur-5: #d6d7d8;
}

Tailwind

'dusk-maple': {
  500: '#43546f',
  400: '#8c9cb2',
  300: '#bcae9f',
  200: '#f2cd8f',
  100: '#d6d7d8',
}

JSON

{
  "name": "Dusk & Maple",
  "harmony": "Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#43546f"
    },
    {
      "name": "Couleur 2",
      "hex": "#8c9cb2"
    },
    {
      "name": "Couleur 3",
      "hex": "#bcae9f"
    },
    {
      "name": "Couleur 4",
      "hex": "#f2cd8f"
    },
    {
      "name": "Couleur 5",
      "hex": "#d6d7d8"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

7.67:1AAA

Noir

2.74:1Fail

Couleur 2

Blanc

2.8:1Fail

Noir

7.51:1AAA

Couleur 3

Blanc

2.17:1Fail

Noir

9.69:1AAA

Couleur 4

Blanc

1.51:1Fail

Noir

13.9:1AAA

Couleur 5

Blanc

1.44:1Fail

Noir

14.57:1AAA

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #43546f for text on #d6d7d8 background.

Emotional Impact

À travers le dialogue tranchant de deux teintes qui se font face, Dusk & Maple compose un équilibre entre le vide et la forme. Le rythme entre les teintes évoque croissance, vitalité.

Analyse de contraste

Text on Canvas

5.3:1

Secondary on Canvas

1.5:1

Fail

Accent on Base

3.5:1

AA Large

Create your own palette on ColorSeed →