SaaS Onboarding Experience Toolkit
- Welcome Aqua#4dd0e1
- Step Cream#fff3e0
- CTA Navy#283593
- Tooltip Plum#ab47bc
- Form White#ffffff
- Confirm Teal#009688
Erstellt am 07/25/2025 08:09
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben Step Cream #fff3e0 und Confirm Teal #009688. Palette hat Farbtemperatur Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #283593 (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 67% der Farben sind lebhaft.
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 6).
HEX-Codes (sortiert): #009688, #283593, #4DD0E1, #AB47BC, #FFF3E0, #FFFFFF
Die Palette SaaS Onboarding Experience Toolkit kombiniert 6 Farbcodes:
HEX: #4dd0e1, RGB: (77, 208, 225); HEX: #fff3e0, RGB: (255, 243, 224); HEX: #283593, RGB: (40, 53, 147)
HEX: #ab47bc, RGB: (171, 71, 188); HEX: #ffffff, RGB: (255, 255, 255); HEX: #009688, RGB: (0, 150, 136)
Vereinfachte Version der Palettenfarben
Aufhellung von Dunkeltürkis, Aufhellung von Antikweiß, Schattierung von Dunkles Schieferblau, Schattierung von Mittlere Orchidee, Weiß, Aufhellung von Dunkelcyan
Farbschema wurde erstellt von colorhunt
Farbcodes in der Palette
SaaS Onboarding Experience Toolkit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #4dd0e1 | #4dd0e1 | RGB(77, 208, 225) | Welcome Aqua | — |
| #fff3e0 | #fff3e0 | RGB(255, 243, 224) | Step Cream | — |
| #283593 | #283593 | RGB(40, 53, 147) | CTA Navy | — |
| #ab47bc | #ab47bc | RGB(171, 71, 188) | Tooltip Plum | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Form White | White |
| #009688 | #009688 | RGB(0, 150, 136) | Confirm Teal | — |
Farbpalette Kontrast
5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#4dd0e1 | #fff3e0 | 1.67 |
#4dd0e1 | #ffffff | 1.83 |
#4dd0e1 | #009688 | 1.99 |
#fff3e0 | #ffffff | 1.09 |
#ab47bc | #009688 | 1.31 |
Bildpalette SaaS Onboarding Experience Toolkit png
Palette exportieren
Laden Sie die "SaaS Onboarding Experience Toolkit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: