Palette generieren
  1. Farbpaletten
  2. Cloud-Native Design System Shell

Cloud-Native Design System Shell

  • API Sky
    #a0e7e5
  • Token Grey
    #b0bec5
  • Container Coral
    #ff6f61
  • Node White Smoke
    #f9fafb
  • Route Navy
    #264653
  • Compute Mint
    #b9fbc0
  • Surface Graphite
    #2e2e2e
  1
Erstellt am 07/11/2025 21:11
vonpalettespicker
Die Palette besteht aus Hell, Halbdunkel, Dunkel-Farben. Akzentfarben Container Coral #ff6f61 und Compute Mint #b9fbc0. Palette hat Farbtemperatur Kalt, Warm, Neutral.

Nach Helligkeit reicht diese Palette von #2E2E2E (dunkelstes) bis #F9FAFB (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung ist gemischt — 3 gedämpfte und 3 lebhafte von 7 Farben.

Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.

In der Gesamttemperatur neigen die Felder zur kalten Seite (4 von 7).

HEX-Codes (sortiert): #264653, #2E2E2E, #A0E7E5, #B0BEC5, #B9FBC0, #F9FAFB, #FF6F61

Die Palette Cloud-Native Design System Shell kombiniert 7 Farbcodes:
HEX: #a0e7e5, RGB: (160, 231, 229); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #264653, RGB: (38, 70, 83); HEX: #b9fbc0, RGB: (185, 251, 192)
HEX: #2e2e2e, RGB: (46, 46, 46)
Vereinfachte Version der Palettenfarben
Schattierung von Blasstürkis, Schattierung von Silber, Schattierung von Lachs, Aufhellung von Rauchweiß, Schattierung von Dunkles Schiefergrau, Aufhellung von Blassgrün, Aufhellung von Schwarz
Farbschema wurde erstellt von palettespicker

Farbcodes in der Palette

Cloud-Native Design System Shell Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#a0e7e5 #a0e7e5 RGB(160, 231, 229)API Sky—
#b0bec5 #b0bec5 RGB(176, 190, 197)Token GreyOcean Drive
#ff6f61 #ff6f61 RGB(255, 111, 97)Container CoralLiving Coral
#f9fafb #f9fafb RGB(249, 250, 251)Node White Smoke—
#264653 #264653 RGB(38, 70, 83)Route Navy—
#b9fbc0 #b9fbc0 RGB(185, 251, 192)Compute Mint—
#2e2e2e #2e2e2e RGB(46, 46, 46)Surface GraphiteCarbon Fiber

Farbpalette Kontrast

9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#a0e7e5
#b0bec5
1.36
#a0e7e5
#ff6f61
1.95
#a0e7e5
#f9fafb
1.33
#a0e7e5
#b9fbc0
1.17
#b0bec5
#ff6f61
1.43
#b0bec5
#f9fafb
1.82

Bildpalette Cloud-Native Design System Shell png

Cloud-Native Design System Shell Farbpalette: API Sky, Token Grey, Container Coral, Node White Smoke, Route Navy
 Bild herunterladen