- Home
- Color Palette Generators
- ColorPalette Pro
ColorPalette Pro
What it is
ColorPalette Pro is a free, open-source web tool for creating palettes from a base color, with options suited to interface design and dynamic theming. It generates analogous, complementary, split complementary, triadic, tetradic, and tints-and-shades palettes. Each palette type has square, triangle, circle, and diamond variations, and color spaces include OKLCH, LAB, LCH, HSL, and RGB. To choose a starting color, users can type a value, adjust sliders, use an eyedropper, revisit history, pick a random color, or use a URL. UI mode creates palettes with surface and on-surface colors and offers light and dark versions. Palettes can be copied as CSS, downloaded as a CSS file, generated as an image, or shared through a URL that retains the selected color and most options. Palette images can be dragged into Figma for sampling. Color names are matched to nearby names using hex values. The project uses Color.js, and its GitHub repository identifies it as MIT licensed. The maker says there are no plans for ads or subscriptions.
For and against
For
- Offers six palette types and four variations per type.
- Supports OKLCH, LAB, LCH, HSL, and RGB.
- UI mode provides light and dark palettes.
- Exports palettes as CSS or images.
- Palette images can be sampled in Figma.
Against
- The eyedropper is unavailable in Firefox.
- The eyedropper is unavailable in mobile browsers.
The verdict
ColorPalette Pro combines flexible palette generation with CSS, image, and URL sharing. Its browser eyedropper limitation matters for Firefox and mobile users.
Who it suits
ColorPalette Pro suits people creating color schemes for user interfaces or dynamic themes. It offers several ways to choose a base color and share or export the resulting palette.
Plans and prices
Free
No ads or subscriptions are planned
Read 11 Oct 2026 · ryanfeigenbaum.com
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
