Hergestellt in 07/11/2025 12:47
Figma Design System Builder
- Canvas White#fafafa
- Style Token Mint#b5ead7
- Layer Grey#e2e2e2
- Typography Ink#3d3d3d
- Component Coral#ff968a
- Primary Indigo#7d7abc
Die Palette besteht aus Licht-Farben. Akzentfarben Style Token Mint #b5ead7 und Component Coral #ff968a. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #3D3D3D (dunkelstes) bis #FAFAFA (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #3D3D3D, #7D7ABC, #B5EAD7, #E2E2E2, #FAFAFA, #FF968A
Die Palette Figma Design System Builder enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #fafafa, RGB: (250, 250, 250); VERHEXEN: #b5ead7, RGB: (181, 234, 215); VERHEXEN: #e2e2e2, RGB: (226, 226, 226)
VERHEXEN: #3d3d3d, RGB: (61, 61, 61); VERHEXEN: #ff968a, RGB: (255, 150, 138); VERHEXEN: #7d7abc, RGB: (125, 122, 188)
Vereinfachte Version der Palettenfarben
Schatten von whitesmoke, Farbton von paleturquoise, Schatten von gainsboro, Farbton von darkslategrey, Schatten von salmon, Farbton von mediumpurple
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Figma Design System Builder Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #fafafa | #fafafa | RGB(250, 250, 250) | Canvas White | Dr. White |
| #b5ead7 | #b5ead7 | RGB(181, 234, 215) | Style Token Mint | — |
| #e2e2e2 | #e2e2e2 | RGB(226, 226, 226) | Layer Grey | — |
| #3d3d3d | #3d3d3d | RGB(61, 61, 61) | Typography Ink | Raven Black |
| #ff968a | #ff968a | RGB(255, 150, 138) | Component Coral | — |
| #7d7abc | #7d7abc | RGB(125, 122, 188) | Primary Indigo | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fafafa | #b5ead7 | 1.28 |
#fafafa | #e2e2e2 | 1.24 |
#b5ead7 | #e2e2e2 | 1.03 |
#b5ead7 | #ff968a | 1.57 |
#e2e2e2 | #ff968a | 1.62 |
#ff968a | #7d7abc | 1.85 |
Bildpalette Figma Design System Builder png
Palette exportieren
Laden Sie die "Figma Design System Builder" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: