ColorSeed

Analogique · 5 couleurs · 26 avril 2026

Night & Oblivion

Créer une palette

Construite sur la fluidité naturelle des couleurs qui se touchent dans le spectre, Night & Oblivion déploie une fraîcheur minérale et apaisante. une tension dramatique qui impose la lecture — une invitation à confiance et profondeur.

AnalogiqueIllustrationJeu vidéoMode
#50DEFFCouleur 1
RGB80 222 255HSL191 100 66
#6FBEF1Couleur 2
RGB111 190 241HSL204 82 69
#006DCCCouleur 3
RGB0 109 204HSL208 100 40
#002360Couleur 4
RGB0 35 96HSL218 100 19
#000C3ACouleur 5
RGB0 12 58HSL228 100 11
Technical Specs

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

CSS
:root {
  --color-couleur-1: #50deff;
  --color-couleur-2: #6fbef1;
  --color-couleur-3: #006dcc;
  --color-couleur-4: #002360;
  --color-couleur-5: #000c3a;
}
Tailwind
'night-oblivion': {
  500: '#50deff',
  400: '#6fbef1',
  300: '#006dcc',
  200: '#002360',
  100: '#000c3a',
}
JSON
{
  "name": "Night & Oblivion",
  "harmony": "Analogique",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#50deff"
    },
    {
      "name": "Couleur 2",
      "hex": "#6fbef1"
    },
    {
      "name": "Couleur 3",
      "hex": "#006dcc"
    },
    {
      "name": "Couleur 4",
      "hex": "#002360"
    },
    {
      "name": "Couleur 5",
      "hex": "#000c3a"
    }
  ]
}
PNG
Pinterest
1000 × 1500
Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1
Blanc
1.59:1Fail
Noir
13.23:1AAA
Couleur 2
Blanc
2.04:1Fail
Noir
10.31:1AAA
Couleur 3
Blanc
5.17:1AA
Noir
4.06:1AA Large
Couleur 4
Blanc
14.9:1AAA
Noir
1.41:1Fail
Couleur 5
Blanc
18.86:1AAA
Noir
1.11:1Fail

Guide d'utilisation

Scénarios d'application

Interface Design

Combine #000c3a for text on #50deff background.

Emotional Impact

Construite sur la fluidité naturelle des couleurs qui se touchent dans le spectre, Night & Oblivion déploie une fraîcheur minérale et apaisante. une tension dramatique qui impose la lecture — une invitation à confiance et profondeur.

Analyse de contraste
Text on Canvas

11.9:1

AAA

Secondary on Canvas

3.3:1

AA Large

Accent on Base

3.6:1

AA Large

Create your own palette on ColorSeed →