Palette construction workspace
Construct colour palettes with mathematics you can inspect.
A free workspace for building palettes from perceptual colour geometry — then checking, previewing and exporting them. Everything works before you make an account, and your work stays in your browser until you decide otherwise.
- #1F4FD8
- #00C1E6
- #498ED1
- #5F6AAE
- #5A4269
- #3F1F37
Start here
OKLCH- #2F6DF6
- #25A8E2
- #5A79BA
- #615280
- #4E3354
No account needed. Nothing is uploaded.
Four ways to start
Every route lands in the same workspace, so you can switch approach without losing the palette.
Mathematical harmonies
Thirteen construction methods with adjustable hue, lightness, chroma and gamut behaviour.
StartBuild by hand
Place every colour yourself, with tint, shade and tone ramps derived from what you pick.
StartFrom an image
Cluster an image in OKLab locally. Nothing is uploaded and nothing is kept.
StartImport values
Paste CSS, SCSS, JSON or a plain list and carry on editing.
Start
What Colorstruct does differently
Deterministic, not generative
Every colour comes from documented mathematics in OKLCH: fixed harmony angles, interpolated lightness and chroma ramps, and seeded variation that reproduces exactly. No model decides your palette.
Accessibility while you work
A pairwise contrast matrix, WCAG 2.2 results for normal text, large text and non-text use, colour-vision simulation and calculated adjustments — offered, never applied behind your back.
Yours to take
Twelve export formats including CSS variables, design tokens, Tailwind config and printable sheets. Copy or download anything without an account.
Recently published
Public palettes from the community. Remix any of them and the original creator stays credited.
Nothing published yet
No public palettes yet. Build one and publish it, and it will appear here and in Explore.
Build the first oneStandalone tools
- Contrast checkerAny two colours, all three WCAG uses, with the smallest change that would pass.
- Color converterHEX, RGB, HSL, OKLAB and OKLCH side by side, with gamut reporting.
- Tints & shadesPerceptual ramps toward white, black and grey.
- Gradient builderInterpolate in OKLCH, OKLAB or sRGB and see the difference.
- Color visionSimulate four kinds of colour-vision deficiency at any severity.