Studio preset
Periwinkle Steps gradient background
Nine steps of periwinkle from deep to pale.
- #505285
- #585E92
- #65689F
- #7474B0
- #7E7EBB
- #8389C7
- #9795D4
- #A2A1DC
- #B5AEE4
Best for
Calm dashboards, documentation, dark-blue brands.
Pairs with
Light frame, white text.
Editable layers
9 color stops at 315 degrees. Change any stop, the angle, or add a third color.
How to use it
Put a screenshot on Periwinkle Steps
- 01
Open the preset
Click "Open in editor" above. The editor loads with Periwinkle Steps already applied to the canvas.
- 02
Paste your screenshot
Cmd+V or drag a file in. Add a window frame, padding and shadow from the right panel. Run the privacy scan if there is anything sensitive.
- 03
Export
PNG for a static post. GIF or MP4 if you want the mesh to move. The GIF is compressed under the 15MB X limit automatically.
More Studio
Same family, different mood
Works well with
Tools that use this background
Start with Periwinkle Steps
It is loaded and waiting. Paste a screenshot and export in under a minute.