ColorPalette Pro
What it is
ColorPalette Pro is a free, open-source web app for generating customizable color palettes from a base color. It offers analogous, complementary, split complementary, triadic, tetradic, and tints-and-shades palettes, with square, triangle, circle, and diamond variations for each type. Enter a color as text, adjust sliders, use the eyedropper, revisit history, choose a random color, or provide a URL. Supported color spaces include OKLCH, LAB, LCH, HSL, and RGB. UI mode creates palettes for interface design, including surface and on-surface colors, and switches between light and dark palettes with the app’s dark mode. Copy palette values as CSS, download a CSS file, create an image, or share a URL that preserves the selected color and most other options. Palette images can be dragged into Figma for sampling with its eyedropper. Color names are matched to nearby names using hex values, and the project uses Color.js for color-science functionality. The maker describes the tool as intended for interface palettes and dynamic theming. Its GitHub repository identifies the project as MIT licensed, and the maker says there are no plans to monetize it with ads, subscriptions, or other means. The eyedropper is unavailable in Firefox and mobile browsers.
For and against
For
- Free web app with an MIT license
- Six palette types with four variations each
- Supports OKLCH, LAB, LCH, HSL, and RGB
- Exports CSS values, CSS files, and palette images
- Shareable URLs preserve the selected color and most options
Against
- Eyedropper is unavailable in Firefox
- Eyedropper is unavailable in mobile browsers
Who it suits
ColorPalette Pro suits people creating interface palettes or dynamic themes from a chosen color, especially those who want to share palette settings or move a palette image into Figma. It is also useful for homeowners exploring color combinations, though the maker describes its intended use as interface design.
Getting started
- Open ColorPalette Pro in a web browser
- Enter a base color as text, adjust the sliders, choose a random color, or provide a URL
- Choose a palette type and one of its four variations
- Copy CSS, download a CSS file, generate an image, or copy the URL to share
The verdict
Choose ColorPalette Pro if you want to explore color relationships, export palettes, and share the settings through a URL at no cost. Its UI mode is geared toward interface palettes and themes. Look elsewhere if you need an eyedropper in Firefox or a mobile browser.
Questions
Is ColorPalette Pro free?
Yes. The Free plan is listed at no cost, and the maker says no ads or subscriptions are planned.
Is it open source?
Yes. The maker’s GitHub repository identifies the project as MIT licensed.
Which platforms does it support?
The listed platform is web.
What can I export?
You can copy CSS palette values, download a CSS file, or generate a palette image. The listed export formats are PNG and CSS.
Can I use its eyedropper in Firefox or on mobile?
No. The eyedropper is unavailable in Firefox and mobile browsers.
Can I share a palette?
Yes. A URL preserves the selected color and most other options.
The long read
ColorPalette Pro is a free web app for generating palettes from a starting color. It is best suited to interface designers and developers shaping themes, rather than homeowners choosing paint for a room or coating. Its flexible color exploration and export options are useful, but its interface-design focus and browser-limited eyedropper make it a poor fit for surface-color selection.
Overview
Enter a color and generate analogous, complementary, split-complementary, triadic, tetradic, or tint-and-shade palettes. Each method offers square, triangle, circle, and diamond variations, giving users multiple ways to explore a color relationship. Support for OKLCH, LAB, LCH, HSL, and RGB is a meaningful advantage for people who want to work in a particular color space rather than rely on a single model.
The app is designed around interface palettes and dynamic theming, not paint matching. Its UI mode creates interface-oriented palettes with surface and on-surface colors and switches between light and dark palettes. There are no accessibility checks, so it is a palette-generation tool, not a complete workflow for validating an interface. For homeowners, it can help explore color relationships, but it does not provide image extraction or a paint-specific selection workflow.
Key features
Flexible color input and exploration
Users can enter a color as text, adjust sliders, sample with an eyedropper, revisit color history, choose a random color, or use a URL. This accommodates both a known starting color and open-ended exploration. The eyedropper is unavailable in Firefox and mobile browsers, however, which rules it out as a dependable sampling method for users on those platforms.
Exports and sharing
Palettes can be copied as CSS values, downloaded as a CSS file, or generated as an image. The image can be dragged into Figma and sampled there, while a shareable URL preserves the selected color and most other options. These are practical handoffs for interface work; CSS and Figma exports are less directly useful to someone comparing paint colors for a wall or piece of furniture.
Color names and foundations
The app calls a color-name API to find the nearest name from a hex value, which can make a palette easier to discuss than a list of codes alone. Color-science functionality uses Color.js. The project is MIT licensed, and the maker says there are no plans to monetize it through ads, subscriptions, or other means. The README points users to the app’s question-mark button for its manual.
Pricing
ColorPalette Pro is free at no cost, with no ads or subscriptions planned. The free plan includes palette generation and PNG and CSS exports; there are no paid tiers to weigh against it. This makes it straightforward for individual designers and developers to try as a palette tool, though it does not add image extraction or accessibility checks for users who need those capabilities.
Platforms
ColorPalette Pro is a web app. Its eyedropper does not work in Firefox or mobile browsers, so users who depend on sampling colors should use a supported browser rather than expect the feature to work across devices.
Who it's for
This is a strong fit for interface designers and developers who want to derive palettes from a base color, explore several color spaces, and pass results into CSS, Figma, or a shareable URL. Its UI mode is especially relevant to people building light and dark themes. It is less suited to homeowners choosing a real-world paint, stain, or coating: the app focuses on digital palettes and does not include image extraction or a paint-selection workflow.
Pros and cons
- Pros: Six palette methods and four variations per method give interface teams several directions to explore from one starting color.
- Pros: CSS, CSS-file, image, and URL sharing options support handoff to code, Figma, or another collaborator.
- Pros: The free, open-source app has no planned ads or subscriptions.
- Cons: The eyedropper is unavailable in Firefox and mobile browsers, limiting a useful way to start from an existing color.
- Cons: UI palettes are not accompanied by accessibility checks, so users must assess accessibility separately.
- Cons: There is no image extraction, and the tool is oriented toward interface theming rather than selecting paint for physical surfaces.
Alternatives
Colour palette tools is the broader directory for comparing palette generators.
Choose Pantone Connect Palette Generator instead if you want a cross-platform palette option with access to 15,000+ colors and Search, Pick, and Measure tools on its free plan; it requires an account and allows saving and sharing up to 10 palettes.
ColorDesigner is an alternative with a free plan that includes 12 free tools, saves for up to five colors and five palettes, one project, and HEX export.
Color Palette Generator AI is another free web option, with unlimited generations, every export format, shareable links, an API, and no account requirement.
ColorKit is a free web-based alternative for users looking for free color tools.
Grabient is the alternative to consider if you want documented API, PNG, and JSON reads without an API key or signup, subject to a limit of 300 requests per 10 seconds per IP.
iWantHue is a free alternative with web, mobile, desktop, and API platforms.
Leonardo is a free, open-source alternative with web and API platforms and no paid plans or usage limits stated.
Paletto Studio is a free browser-based option for palette and recolor tools that requires no account.
Verdict
Choose ColorPalette Pro if you build interface palettes and want a free way to generate color relationships, switch between light and dark themes, and export or share results. Look elsewhere if your main goal is choosing paint for a real surface, if you need accessibility checks, or if you rely on an eyedropper in Firefox or a mobile browser.
Facts on the record
- Browser limitation
- The eyedropper is unavailable in Firefox and mobile browsers, according to the maker’s article.ryanfeigenbaum.com · read 10 Oct 2026
- Color input
- Users can enter colors as text, adjust sliders, use an eyedropper, revisit history, choose a random color, or load a color through a URL.ryanfeigenbaum.com · read 11 Oct 2026
- Color naming
- The app uses a maker-written API to match color values to nearby names and combine them into palette names.ryanfeigenbaum.com · read 11 Oct 2026
- Color science
- The project uses Color.js for color-science functionality.github.com · read 11 Oct 2026
- Color spaces
- It supports multiple color spaces, including OKLCH, LAB, LCH, HSL, and RGB.github.com · read 10 Oct 2026
- Exports
- Palettes can be copied as CSS values, downloaded as a CSS file, or generated as an image.ryanfeigenbaum.com · read 10 Oct 2026
- Eyedropper support
- The eyedropper is unavailable in Firefox and mobile browsers, according to the maker's guide.ryanfeigenbaum.com · read 11 Oct 2026
- Figma workflow
- The maker says palette images can be dragged into Figma and sampled with its eyedropper.ryanfeigenbaum.com · read 11 Oct 2026
- Integration
- A JavaScript package is available for programmatically generating palettes.github.com · read 11 Oct 2026
- Intended use
- The maker describes the tool as intended for creating palettes for user interfaces and dynamic theming.ryanfeigenbaum.com · read 11 Oct 2026
- License
- The maker’s GitHub repository identifies the project as MIT licensed.github.com · read 10 Oct 2026
- Monetization
- The maker says there are no plans to monetize the project through ads or subscriptions.ryanfeigenbaum.com · read 11 Oct 2026
- Palette exports
- Users can copy CSS palette values, download a CSS file, generate a palette image, or share the selected color and palette in a URL.ryanfeigenbaum.com · read 11 Oct 2026
- Palette types
- It generates analogous, complementary, split complementary, triadic, tetradic, and tints-and-shades palettes.ryanfeigenbaum.com · read 11 Oct 2026
- Purpose
- ColorPalette Pro generates customizable color palettes from a base color.github.com · read 11 Oct 2026
- Sharing
- Color changes and most other options are preserved in the URL, which users can copy to share a palette.ryanfeigenbaum.com · read 10 Oct 2026
- Support and documentation
- The project README directs users to the app's question-mark button for its manual.github.com · read 11 Oct 2026
- UI design
- UI mode generates palettes for interfaces, including light and dark mode palettes with surface and on-surface colors.ryanfeigenbaum.com · read 11 Oct 2026
- UI palettes
- UI mode generates palettes suitable for user interfaces and switches between light and dark palettes with the app’s dark mode.ryanfeigenbaum.com · read 10 Oct 2026
- Variations
- Each palette type has four variations: square, triangle, circle, and diamond.ryanfeigenbaum.com · read 11 Oct 2026