WidgetCraftGet the appAesthetic styles
Monochrome widgets for Android
Black, white and greys only, with contrast doing all the work. Monochrome widgets use no color at all. Black, white and two greys create the hierarchy, which makes any wallpaper work and gives the home screen a consistent, graphic look.
Also known as: black and white widgets, greyscale widgets, b&w widgets.
Monochrome widget recipes
Each recipe has a preview, exact colors and layer-by-layer steps.
Monochrome clock widgetFree to build
Monochrome analog clock widgetFree to build
Monochrome calendar widgetData needs Pro
Monochrome battery widgetFree to build
Monochrome countdown widgetFree to build
Monochrome to-do list widgetFree to build
Monochrome photo widgetFree to build
Monochrome quote widgetFree to build
Monochrome music widgetData needs Pro
Monochrome year progress widgetFree to build
Monochrome step counter widgetData needs Pro
Monochrome habit tracker widgetFree to build
Monochrome sticky note widgetFree to build
Monochrome world clock widgetFree to build
Monochrome date widgetFree to buildThe monochrome palette
- White
#FFFFFFBackground - Light grey
#EDEDEDSurface and tracks - Black
#0E0E0EText - Mid grey
#7D7D7DLabels - Black
#0E0E0EAccent
Design rules
- Text: Use weight instead of color: bold for the value, regular grey for the label.
- Numbers: Make the number black and heavy; the label beneath in mid grey.
- Bars and rings: Fill progress in black on a light grey track, or use segmented blocks.
- Photos: Convert photos to black and white before adding them so they match.
- Lists: Finished rows turn grey with a strikethrough; open rows stay black.
Do
- Check that black and white swap cleanly if you make a dark version.
- Use two greys at most.
Avoid
- Do not add a colored accent; it breaks the effect.
- Do not use low-contrast grey on grey for values.
Wallpaper and icons
A black-and-white photo or plain grey. Architecture and shadows suit this style.
Android themed icons set to grey, or a white glyph pack.
Questions
What colors suit monochrome widgets?
Start with White (#FFFFFF) for the background, Black (#0E0E0E) for text and Black (#0E0E0E) as the accent.
Which font works for monochrome widgets?
Use built-in Sans, at weight 600.
Does WidgetCraft have monochrome widgets ready to use?
There is no ready-made monochrome 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.