Coolors design examples
Explore Coolors UI design examples. The super fast color schemes generator
Product screens
Authentication overlay where the user enters their registered email or username and chooses a new password to regain access.
Design editor where a welcome modal prompts the user to watch a tutorial before generating color schemes.
Design editor where a tutorial modal instructs the user to hit the spacebar to generate color schemes over a five-column color palette.
Design editor where a tutorial modal explains how to lock colors by clicking on them to generate combinations.
Onboarding screen where a tutorial modal instructs the user to click a hex value to type in starting colors, while highlighting a specific color swatch in the background.
Design editor where a product tour modal explains how to refine the generated color palette.
Design editor where the user generates, views, and exports a five-color palette.
Design editor where the user saves a generated color scheme by providing a palette label in a modal.
Design editor where the user configures color generation settings like isolation mode and monochromatic generation via a modal overlay.
Design editor where the user can upload an image or enter a URL to extract a color palette.
Browse the full SaaS app library
Explore real SaaS apps with their product screens, marketing screens, flows, and components.
Trusted by the best teams
