Freedom251 › Color Palette Generators
ColorPalette Pro
What ColorPalette Pro is
ColorPalette Pro is a free, open-source web tool for generating customizable color palettes from a base color. It offers analogous, complementary, split complementary, triadic, tetradic, and tint-and-shade palettes, each with square, triangle, circle, and diamond variations. You can enter a color as text, adjust sliders, use an eyedropper, revisit history, choose a random color, or provide a URL. Supported color spaces include OKLCH, LAB, LCH, HSL, and RGB. UI mode generates palettes for interface design, including surface and on-surface colors and light and dark options. Palette values can be copied as CSS, downloaded as a CSS file, or generated as an image; a URL can preserve the selected color and most other options for sharing. Palette images can be dragged into Figma for sampling. Color names are matched to nearby names using hex values. The project uses Color.js for color-science functionality, and its repository identifies it as MIT licensed. The maker says there are no plans for ads or subscriptions.
Who it suits
It suits interface designers and developers creating palettes for user interfaces or dynamic theming. It may also help people who want to share palette settings by URL or sample generated colors in Figma.
What it does well
- Six palette types with four variations each.
- Supports OKLCH, LAB, LCH, HSL, and RGB.
- Exports CSS values, CSS files, and images.
- UI mode offers light and dark palettes.
- MIT-licensed project with no planned ads or subscriptions.
What to know first
- Eyedropper is unavailable in Firefox.
- Eyedropper is unavailable in mobile browsers.
- Accessibility checks are not included.
Plans
| Plan | Billed and limits | Price |
|---|---|---|
| Free | No ads or subscriptions are planned | Free |
As colorpalette.pro lists them, read 11 Oct 2026. The maker's own page has the final word.
Getting started
- Open https://colorpalette.pro/ in a web browser.
- Enter a base color, adjust it with sliders, or choose another listed input method.
- Select a palette type and one of its four variations.
- Use UI mode for interface palettes, or copy CSS, download a CSS file, generate an image, or share the palette URL.
Verdict
ColorPalette Pro offers several palette structures, color inputs, and export options at no charge. If you need the eyedropper, note its stated browser limitations.
Questions
How much does ColorPalette Pro cost?
It is free: the listed Free plan costs nothing.
Is ColorPalette Pro open source?
Yes. The maker’s GitHub repository identifies it as MIT licensed.
Which platforms does it support?
It is available on the web.
What can I export?
You can copy CSS palette values, download a CSS file, or generate an image. The listed export formats are PNG and CSS.
Does it work with Figma?
Palette images can be dragged into Figma and sampled with its eyedropper.
Can I use the eyedropper in any browser?
The eyedropper is unavailable in Firefox and mobile browsers.
Facts from ColorPalette Pro's own pages
- Browser limitation
- The eyedropper is unavailable in Firefox and mobile browsers, according to the maker’s article. · ryanfeigenbaum.com, 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, 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, 11 Oct 2026
- Color science
- The project uses Color.js for color-science functionality. · github.com, 11 Oct 2026
- Color spaces
- It supports multiple color spaces, including OKLCH, LAB, LCH, HSL, and RGB. · github.com, 10 Oct 2026
- Exports
- Palettes can be copied as CSS values, downloaded as a CSS file, or generated as an image. · ryanfeigenbaum.com, 10 Oct 2026
- Eyedropper support
- The eyedropper is unavailable in Firefox and mobile browsers, according to the maker's guide. · ryanfeigenbaum.com, 11 Oct 2026
- Figma workflow
- The maker says palette images can be dragged into Figma and sampled with its eyedropper. · ryanfeigenbaum.com, 11 Oct 2026
- Integration
- A JavaScript package is available for programmatically generating palettes. · github.com, 11 Oct 2026
- Intended use
- The maker describes the tool as intended for creating palettes for user interfaces and dynamic theming. · ryanfeigenbaum.com, 11 Oct 2026
- License
- The maker’s GitHub repository identifies the project as MIT licensed. · github.com, 10 Oct 2026
- Monetization
- The maker says there are no plans to monetize the project through ads or subscriptions. · ryanfeigenbaum.com, 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, 11 Oct 2026
- Palette types
- It generates analogous, complementary, split complementary, triadic, tetradic, and tints-and-shades palettes. · ryanfeigenbaum.com, 11 Oct 2026
- Purpose
- ColorPalette Pro generates customizable color palettes from a base color. · github.com, 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, 10 Oct 2026
- Support and documentation
- The project README directs users to the app's question-mark button for its manual. · github.com, 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, 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, 10 Oct 2026
- Variations
- Each palette type has four variations: square, triangle, circle, and diamond. · ryanfeigenbaum.com, 11 Oct 2026
Where ColorPalette Pro stands on Freedom251
- Color Palette Generators#13 of 34