App icon color palette extractor
Drop your app icon or a screenshot to get its dominant colors, readable caption colors and gradient ideas for your store screenshots.
Drop your app icon
PNG, JPEG, SVG or WebP
Your palette appears here.
How to use the icon color palette
- 1Drop your app icon, logo or a screenshot.
- 2The tool extracts the dominant colors and builds harmonious gradients and background suggestions.
- 3Click a swatch to copy its hex code, or copy the whole palette as CSS variables.
Brand-matched backgrounds
Screenshot backgrounds that match your icon make the listing look like one coherent brand.
Contrast-checked text
Each suggestion shows whether white or dark captions read better on it (WCAG contrast).
Gradients included
Ready-made two-stop gradients from your own colors, copyable as CSS.
Frequently asked questions
How does the color extraction work?
The image is downscaled in your browser and its pixels are clustered (k-means in Lab-like space), ignoring transparent and near-duplicate colors. Results are sorted by how much of the image each color covers.
Which colors should I use for App Store screenshots?
Use one dominant brand color for backgrounds, a contrasting accent for highlights, and make sure captions meet at least 4.5:1 contrast so they stay readable at thumbnail size.
Are my files uploaded anywhere?
No. The tool runs entirely in your browser using the Canvas API. Images never leave your device.
Related guides
9 min readApp Store Screenshot Design: Best Practices & Layout PatternsHow to design App Store and Google Play screenshots that convert: the first three frames, caption writing, layout patterns, device mockups, panoramas, social proof and testing.6 min readApp Icon Sizes for iOS, Android, macOS & Web (2026)Every app icon size you need: the single 1024 px iOS icon, Liquid Glass appearances, Android adaptive icon layers and safe zone, the 512 px Play Store icon and web favicons.
More free tools
Template gallery34 free App Store and Google Play screenshot templates in 9 styles — panoramic, 3D, make-it-pop, neon, foldable and more. Preview them at every store size.Device mockup generator31 device frames — iPhone 18 Pro, iPhone Duo, iPad Pro, Pixel, Galaxy, MacBook, Apple Watch and more — in 5 styles with true 3D thickness when tilted.Store listing previewNewSee how your icon, name, subtitle and screenshots look in App Store search results, on the product page and on Google Play — before you submit.Screenshot resizerBatch-resize screenshots to exact App Store and Google Play sizes. Crop or pad, remove transparency, convert PNG ↔ JPEG — all in your browser.Screenshot size checkerNewCheck whether your screenshots will be accepted by App Store Connect and Google Play: exact sizes, alpha channel, aspect ratio and file size — and fix them in one click.Clean status barNewReplace messy status bars in your screenshots with a clean Apple-style 9:41, full battery and full signal bar — or a clean Android one. Batch, in your browser.
Make your store screenshots now — free
Templates, device mockups, AI translation and exact-size export for both stores. No account, no watermark.