Side by side

Designsystemet Theme Builder vs UI Colors

Both stand on color palette generators. Which one you can start free with, which one lets you read the code, and what each costs once you pay.

Designsystemet Theme Builder

Free plan Web

Theme Builder helps teams adapt Designsystemet’s visual properties and generate tokens for design and code. It is a shared foundation rather than a complete solution for every organization’s needs.

Visit Designsystemet Theme Builder

UI Colors brings palette generation, interface previews, and contrast checking together, with an API for returning complete shade scales. Buyers should note the API rate limit and its restriction on competing color-scale products.

Visit UI Colors

The facts

	Designsystemet Theme Builder	UI Colors
Free plan	Yes	Yes
Open source	Not published	Not published
Runs on	Web	API, Extension, Web
Lowest paid plan	Not published	Not published
Plans published	None	None
Maker	Not published	Not published
Website	theme.designsystemet.no	uicolors.app
On color palette generators	#22 of 34	#26 of 34

Designsystemet Theme Builder: what it does well

Free for public and private organizations.
Generates design tokens and CSS.
Supports light, dark, and contrast modes.
Offers a Figma token workflow.
Accessibility guidance aligns with WCAG.

What to know first

Token workflow requires Node.js version 20 or higher.
A Git repository is required for token generation.
The shared foundation does not cover every need.
Custom systems require a dedicated designer and frontend developer to maintain.

UI Colors: what it does well

Generates status and neutral color scales
Previews palettes in multiple interface contexts
Offers accessible contrast checks
Copies OKLCH, hex, and HSL values
Free plan listed

What to know first

Custom font selection is an unlockable feature
API limited to 1,000 requests per minute
API barred from competing color-scale generators

Alternatives to Designsystemet Theme Builder Alternatives to UI Colors The whole list