# 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.

Website: https://coolors.co/

## What it is 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](https://xiry.app/topics/design.md)
- Topic: [Color Palettes](https://xiry.app/topics/design/color-palettes.md)
- 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, 9 October 2024](https://www.instagram.com/reel/DA6Zw76JIx1/): Quickly generates, locks, and exports complementary color palettes with HEX codes for design projects.
- [@fatummusic, 23 September 2024](https://www.instagram.com/reel/DARpzWNx4Qs/): Helps creators build and explore harmonic color combinations with hex codes to establish a consistent brand aesthetic.

## Compare

- [Alternatives to Adobe Color](https://xiry.app/alternatives/adobe-color.md)

## Related

- [A Guide to Choosing Color Palette for Brand](https://xiry.app/resources/a-guide-to-choosing-color-palette-for-brand): Brand design reference guide explaining color theory and color spaces. (Article or course, Free)
- [Colormind](https://xiry.app/resources/colormind): AI-powered color scheme generator that previews palettes on UI templates (Web app, Free)
- [Curated Graphic Design Color Palettes](https://xiry.app/resources/curated-graphic-design-color-palettes): Four ready-to-use 4-color palettes with hex codes for branding and design (Tip, Free)
- [Kalypso's Dark-Mode Design Color Palette](https://xiry.app/resources/kalypso-s-dark-mode-design-color-palette): Curated accent and neutral hex color palette for dark-themed designs (Tip, Free)
- [uxdam Shades of Gray — Light vs. Dark Mode Palette](https://xiry.app/resources/uxdam-shades-of-gray-light-vs-dark-mode-palette): Matched gray color palette cheat sheet for light and dark UI modes (Framework, Free)
- [Formia](https://xiry.app/resources/formia): Turn flat 2D vector logos and SVGs into 3D assets. (Web app, Free)

Updated 3 October 2026. Page: https://xiry.app/resources/coolors

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.