Colour

4 tools in this category

Pick, harmonise, and test contrast like a pro.

Whether you are fixing WCAG for marketing or nailing a gradient hero, the palette, gradient, and contrast tools are tuned for the modern CSS you actually ship. Everything renders locally, so the brand colours in your Figma file stay in your team.

Colour picker

Pick colours in HEX, RGB, HSL, and OKLCH.

Palette generator

Generate harmonious palettes and extract from images.

Contrast checker (WCAG)

Check colour contrast for accessibility.

CSS gradient generator

Build linear and radial gradients, copy CSS.