ColorPalette Pro vs Designsystemet Theme Builder
ColorPalette Pro
colorpalette.proDesignsystemet Theme Builder
theme.designsystemet.noSide by side
| Figure | ColorPalette Pro | Designsystemet Theme Builder |
|---|---|---|
| Price from | Free | — |
| Free plan | Yes | — |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| Plans published | 1 | 0 |
| Spec score · Color Palette Generators | 8.1 (#6) | 7.3 (#22) |
| Figma workflow | The maker says palette images can be dragged into Figma and sampled with its eyedropper. | Teams can import variables from their theme into the Designsystemet Core UI Kit in Figma. |
| Purpose | ColorPalette Pro generates customizable color palettes from a base color. | Theme Builder helps organizations customize Designsystemet to match their brand. |
Plans
In their own words
ColorPalette Pro
ColorPalette Pro is a web app for generating customizable color palettes from a base color. It creates analogous, complementary, split complementary, triadic, tetradic, and tint-and-shade palettes, with square, triangle, circle, and diamond variations for each type. Colors can be entered as text, adjusted with sliders, selected with an eyedropper, recalled from history, chosen at random, or supplied through a URL. Supported color spaces include OKLCH, LAB, LCH, HSL, and RGB. UI mode generates interface palettes with surface and on-surface colors, including light and dark versions. Palette values can be copied as CSS, saved as a CSS file, or rendered as an image; a URL can preserve the chosen color and most options for sharing. Palette images can be dragged into Figma for sampling. The app matches color names through an API using hex values and uses Color.js for color-science functions. It is open source under the MIT license, and its maker says there are no plans for ads or subscriptions. The eyedropper is unavailable in Firefox and mobile browsers.
Designsystemet Theme Builder
Designsystemet Theme Builder has no write-up on Specifiction yet; its figures are above.