WidgetCraftGet the appAesthetic styles
Gradient widgets for Android
Smooth two-color blends behind crisp white text. Gradient widgets use a smooth blend between two related colors as the background, with white text on top. They add color without adding clutter.
Also known as: gradient aesthetic widgets, colorful widgets, aurora widgets.
Gradient widget recipes
Each recipe has a preview, exact colors and layer-by-layer steps.
Gradient clock widgetFree to build
Gradient analog clock widgetFree to build
Gradient calendar widgetData needs Pro
Gradient battery widgetFree to build
Gradient countdown widgetFree to build
Gradient to-do list widgetFree to build
Gradient photo widgetFree to build
Gradient quote widgetFree to build
Gradient music widgetData needs Pro
Gradient year progress widgetFree to build
Gradient step counter widgetData needs Pro
Gradient habit tracker widgetFree to build
Gradient sticky note widgetFree to build
Gradient world clock widgetFree to build
Gradient date widgetFree to buildThe gradient palette
- Violet
#6A5CFFBackground - Pink
#FF6FB5Surface and tracks - White
#FFFFFFText - Lilac mist
#EBDDFFLabels - Lemon
#FFE066Accent
Design rules
- Text: Use white text with labels at about 80% opacity.
- Numbers: Keep numbers white and bold so they hold up over both gradient colors.
- Bars and rings: Use white bars on a 25% white track.
- Photos: Place photos in a rounded frame with a white border.
- Lists: Use white markers and thin translucent dividers.
Do
- Blend two neighbouring hues, such as violet to pink.
- Set the gradient angle to about 45 degrees.
Avoid
- Do not blend opposite colors; the middle turns muddy.
- Do not use dark text.
Wallpaper and icons
A plain light wallpaper or a soft version of the same gradient.
White glyphs on gradient circles.
Questions
What colors suit gradient widgets?
Start with Violet (#6A5CFF) for the background, White (#FFFFFF) for text and Lemon (#FFE066) as the accent.
Which font works for gradient widgets?
Use built-in Sans, at weight 600.
Does WidgetCraft have gradient widgets ready to use?
There is no ready-made gradient pack at the moment. Each recipe on this page lists the exact settings to build one in a few minutes, and most use only free features.