How to use it
- Add your logo. Choose your logo or app icon file.
- Check the suggestion. The preview shows the suggested theme colour on a status bar, header, button and splash screen.
- Try other colours. Tap any swatch to use it as the theme instead.
- Copy the hex codes. Paste them into the theme and splash settings in the builder.
How the colours are picked
The image is shrunk to 96 × 96 pixels in your browser and similar pixels are grouped into buckets. The most common distinct colours become swatches. The suggested theme colour is the most saturated colour that's neither too light nor too dark; the splash background is your logo's lightest colour (or white). Text colour is chosen by WCAG contrast ratio, so labels on your status bar and buttons stay readable.
Use the theme colour in the no-code builder, and the same colour as theme_color in your web app manifest.
Private by design: this tool runs entirely on your device. Nothing you type or add here is sent to a server.
Create your app now — free
No watermark, no card, no Android Studio. Pick what you're starting from:
Frequently asked questions
What colour should my app's status bar be?
Usually your brand colour or a slightly darker shade, so it blends with your site's header.
Is my logo uploaded?
No. It's analysed on a canvas in your browser.
What contrast ratio do I need?
4.5:1 for normal text (WCAG AA); 3:1 is acceptable only for large or bold text.