🎨

Coolors

Free

Lightning-fast color scheme generator. Press spacebar to generate palettes. Lock colors you like, adjust hues, export to CSS/SVG/PDF. Millions of designers use it daily. Palettes carry contrast ratios, which makes it usable for accessibility checks and not only for inspiration.

Catalogued April 15, 2026 · Curated by PWA Directory team

Open App

🎨Coolors

coolors.co

Coolors, as it opens in a browser tab.

Online Only

Installable

Cross-Platform

✓

Free

Not sure how to add Coolors to your home screen? Step-by-step for Chrome, Safari, Firefox and Edge — it takes about ten seconds, and there is no app store involved.

Own Coolors? Have us re-run this measurement — we open it in a real browser, cut the network, and send you what survived.

How to install Coolors as a PWA

Chrome / Edge

Menu (⋮) → Add to Home screen

Safari (iOS)

Share (↑) → Add to Home Screen

Firefox

Menu (⋮) → Install

Screenshots

Are you the maker of Coolors? Claim this listing →

Coolors in our guides

Free Color Palette Generator With No Signup RequiredThese five tools form a free color palette generator no signup toolkit for colors, gradients and fonts. Coolors generates palettes with built-in contrast checking and CSS/SVG/PDF export; CSS Gradient outputs copyable gradient code; Fontjoy pairs Google Fonts by similarity; Type Scale builds a consistent typographic hierarchy; and Haikei generates SVG shapes and backgrounds. Coolors and Haikei need an active connection to generate new results, while CSS Gradient, Fontjoy and Type Scale work once the page has loaded.Read the answer →

Similar to Coolors

Type Scale

Visual typographic scale calculator. Set a base font size and modular scale ratio, preview the resulting type hierarchy as CSS code. Essential for establishing consistent UI typography.

CSS Gradient

Visual CSS gradient generator with code output. Radial, linear, conic gradients with real-time preview. Copy the CSS and use it directly — no sign-up, no fuss.

🐸

Flexbox Froggy

Learn CSS Flexbox by helping frogs cross lily pads. 24 progressive levels, instant visual feedback. The most effective way to finally understand flexbox — offline, no account needed.

Fontjoy

AI-powered font pairing tool. Generate harmonious font combinations for your designs with one click. Instantly preview heading/body text pairings across Google Fonts. Pairings are generated from typeface similarity rather than a fixed list, so refreshing gives genuinely different results.

🌊

Haikei

A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more! Our generators let you discover, customize, randomize, and export generative SVG design assets ready to use with your favorite design tools.

Shots.so

Create mockup screenshots of your app or website in beautiful device frames. Mac, iPhone, iPad, browser frames. Used by indie developers to make stunning product screenshots.

See all Design & Creative PWAs →

Own a PWA? See the listing options — standard submission is free.