Design System Token Studio
- Spacing Sand#f5f1e7
- Border Ink#292f36
- Font Scale Violet#a89be5
- Palette Snow#faf9f6
- State Highlight Pink#ff8fab
- Shadow Graphite#333333
Erstellt am 06/08/2025 14:38
Die Palette besteht aus Hell, Dunkel, Halbdunkel-Farben. Akzentfarben Border Ink #292f36 und State Highlight Pink #ff8fab. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #292F36 (dunkelstes) bis #FAF9F6 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 2 gedämpfte und 2 lebhafte von 6 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 (2 von 6).
HEX-Codes (sortiert): #292F36, #333333, #A89BE5, #F5F1E7, #FAF9F6, #FF8FAB
Die Palette Design System Token Studio kombiniert 6 Farbcodes:
HEX: #f5f1e7, RGB: (245, 241, 231); HEX: #292f36, RGB: (41, 47, 54); HEX: #a89be5, RGB: (168, 155, 229)
HEX: #faf9f6, RGB: (250, 249, 246); HEX: #ff8fab, RGB: (255, 143, 171); HEX: #333333, RGB: (51, 51, 51)
Vereinfachte Version der Palettenfarben
Schattierung von Blütenweiß, Aufhellung von Schwarz, Schattierung von Helles Stahlblau, Aufhellung von Rauchweiß, Aufhellung von Blasses Violettrot, Aufhellung von Schwarz
Farbschema wurde erstellt von coolor
Farbcodes in der Palette
Design System Token Studio Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #f5f1e7 | #f5f1e7 | RGB(245, 241, 231) | Spacing Sand | — |
| #292f36 | #292f36 | RGB(41, 47, 54) | Border Ink | — |
| #a89be5 | #a89be5 | RGB(168, 155, 229) | Font Scale Violet | — |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Palette Snow | — |
| #ff8fab | #ff8fab | RGB(255, 143, 171) | State Highlight Pink | — |
| #333333 | #333333 | RGB(51, 51, 51) | Shadow Graphite | Carbon |
Farbpalette Kontrast
4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#f5f1e7 | #faf9f6 | 1.07 |
#f5f1e7 | #ff8fab | 1.9 |
#292f36 | #333333 | 1.06 |
#a89be5 | #ff8fab | 1.15 |
Bildpalette Design System Token Studio png
Palette exportieren
Laden Sie die "Design System Token Studio" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: