Design System Figma Bridge
- Frame Frost#f0f4f8
- Vector Violet#b497bd
- AutoLayout Amber#ffd580
- Style Sheet Sand#ebe5d9
- Swap Slate#708090
- Nudge Navy#2c3e50
Erstellt am 06/11/2025 12:22
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben Frame Frost #f0f4f8 und AutoLayout Amber #ffd580. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #2C3E50 (dunkelstes) bis #F0F4F8 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 2 gedämpfte und 1 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 (3 von 6).
HEX-Codes (sortiert): #2C3E50, #708090, #B497BD, #EBE5D9, #F0F4F8, #FFD580
Die Palette Design System Figma Bridge kombiniert 6 Farbcodes:
HEX: #f0f4f8, RGB: (240, 244, 248); HEX: #b497bd, RGB: (180, 151, 189); HEX: #ffd580, RGB: (255, 213, 128)
HEX: #ebe5d9, RGB: (235, 229, 217); HEX: #708090, RGB: (112, 128, 144); HEX: #2c3e50, RGB: (44, 62, 80)
Vereinfachte Version der Palettenfarben
Schattierung von Aliceblau, Schattierung von Pflaume, Schattierung von Navajoweiß, Schattierung von Alte Spitze, Schiefergrau, Schattierung von Dunkles Schieferblau
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Design System Figma Bridge Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #f0f4f8 | #f0f4f8 | RGB(240, 244, 248) | Frame Frost | Child of Light |
| #b497bd | #b497bd | RGB(180, 151, 189) | Vector Violet | — |
| #ffd580 | #ffd580 | RGB(255, 213, 128) | AutoLayout Amber | — |
| #ebe5d9 | #ebe5d9 | RGB(235, 229, 217) | Style Sheet Sand | — |
| #708090 | #708090 | RGB(112, 128, 144) | Swap Slate | Slategray |
| #2c3e50 | #2c3e50 | RGB(44, 62, 80) | Nudge Navy | — |
Farbpalette Kontrast
5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#f0f4f8 | #ffd580 | 1.25 |
#f0f4f8 | #ebe5d9 | 1.13 |
#b497bd | #ffd580 | 1.86 |
#b497bd | #708090 | 1.56 |
#ffd580 | #ebe5d9 | 1.11 |
Bildpalette Design System Figma Bridge png
Palette exportieren
Laden Sie die "Design System Figma Bridge" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: