Design · Web app
Coolors
Fast color palette generator, scheme explorer, and contrast tool for designers.
Coolors is a suite of color design tools built around a quick palette generator operated by pressing the spacebar. It lets users lock favorite colors, explore millions of community palettes, extract schemes from images, and test visual contrast. It integrates directly into workflows via web, mobile apps, and design plugins.
What it's for
- Generate harmonious color schemes by locking base colors and pressing spacebar
- Extract color palettes directly from uploaded photographs or illustrations
- Check text-and-background contrast ratios for web accessibility compliance
- Export palettes to code formats like CSS, SVG, PDF, or Tailwind configuration
- Preview color schemes applied to real UI and graphic design mockups
Features
- Spacebar-triggered instant color palette generator
- Image color picker to extract palettes from photos
- Accessibility contrast checker for text and backgrounds
- Palette Visualizer to preview colors on simulated designs
- Library of over 10 million searchable color palettes
- Multiple export formats including PDF, SVG, CSS, ASE, and Tailwind code
- Integrations via iOS app, Figma plugin, and Chrome extension
- AI-assisted Color Bot for palette suggestions and meaning
Pricing
Freemium. Free tier available; Pro subscription around $3/month.
Details
- Type
- Web app
- Category
- Design
- Topic
- Color Palettes
- Open source
- No
- Platforms
- Web, iOS, Browser extension
- For
- Graphic designers, web developers, UI/UX designers, and brand creators.
- Alternative to
- Adobe Color, Colormind, Paletton
- Tags
- color, palette, generator, design, accessibility, branding
Why it was saved
- @iamderekortiz: Quickly generates, locks, and exports complementary color palettes with HEX codes for design projects.
- @fatummusic: Helps creators build and explore harmonic color combinations with hex codes to establish a consistent brand aesthetic.
Compare
Related
Brand design reference guide explaining color theory and color spaces.
AI-powered color scheme generator that previews palettes on UI templates
Four ready-to-use 4-color palettes with hex codes for branding and design
Curated accent and neutral hex color palette for dark-themed designs
Matched gray color palette cheat sheet for light and dark UI modes
Turn flat 2D vector logos and SVGs into 3D assets.
Updated