Tools
Free website colour tools.
Five focused colour tools that share one design language. Each owns a single job: find a colour name, build a harmony, generate a website palette, preview it on a mockup, or interpolate an OKLCH gradient. They are free, need no signup, and run entirely in your browser.
01 · Find
Chromary
Color name finder
Find colour names from HEX or typed names. Compare CSS, survey and curated references, and see the closest matches.
Names · HEX · Sources
Open Chromary
02 · Transform
Colorhyme
Color harmony generator
Start with one HEX. Build related accents and tonal variants with exact hue, saturation and lightness controls.
Harmony · HSL · Recipes
Open Colorhyme
03 · Build
WebPalette
Website color palette generator
Keep your brand colours and complete a full website palette around them: roles, contrast checks and CSS export.
Roles · Contrast · Export
Open WebPalette
04 · Preview
Mockupalettes
Website color palette visualizer
Preview any four-colour palette on a full website mockup. Map primary, secondary, accent and dark roles, then compare directions.
Palette · Roles · Compare
Open Mockupalettes
05 · Interpolate
TrueGradient
OKLCH gradient generator
OKLCH gradient generator for HEX stops. Compare the same path in sRGB, inspect hue routes, and copy production CSS.
OKLCH · Gradients · CSS
Open TrueGradient
06 · Test
Palette Checker
Role & contrast testing
In progress. Not available yet.
In progress
Also in Figma
The tools share one shell, so a colour can travel from name finder to harmony to website palette without changing language. The same engines ship as Figma plugins: three free uses each, then one payment unlocks the suite.
Keep exploring