Tools that
just work.
A free, open toolkit for developers & designers. No login. No bloat. Copy the output and ship.
Generate harmonious palettes from a base colour. Complementary, triadic, analogous and more.
Linear, radial & conic. Copy CSS, Tailwind or SwiftUI instantly.
Palette Builder
Build colour palettes that everyone can read. Instantly check contrast ratios against WCAG 2.1 AA and AAA standards. Know exactly which colour pairs pass and which fail — before you ship.
Convert flat CSS to nested SCSS with auto variable extraction and mixins.
Instantly convert between pixels and rem units.
Calculate the contrast ratio of text and background colours. Check WCAG 2.1 AA & AAA compliance.
Extract beautiful colour palettes from any photo. Drop an image and pull out dominant colours instantly.
Generate dot grids, square grids, diagonal lines & cross patterns. Customize size, spacing, colour, and opacity. Pure CSS — no images needed.