Studio Colour
A side-panel colour kit that lets you eyedrop any pixel, build palettes and ramps, fix contrast, and export straight to CSS or Tailwind.

Studio Grid is an independent studio building a connected system of design tools: native Mac apps and browser extensions that work together instead of scattering across a dozen tabs and menu bars.
It started with a simple frustration. The work between having an idea and shipping it was slower and more fragmented than it should be, whether that meant grabbing an exact colour off the screen, checking contrast, converting a file, or keeping an eye on what your Mac is doing.
So we built our own tools, then kept building them into a system that shares a language and gets more capable the more of it you use. We ship in the open, listen, and push it forward with every release.
If something here saves you an hour, that’s only the start, because we’re building the studio you’ll run your work from.
Each one does a single job properly and leaves out the extras you'd never use, because they're built for working designers.
A side-panel colour kit that lets you eyedrop any pixel, build palettes and ramps, fix contrast, and export straight to CSS or Tailwind.
Design units, live currency, DPI and aspect ratios. Type the question and get the answer.
Point it at any live page and see the real type, including the rendered font, fallback stack and weights.
Lift the real styles off any site, including components, tokens and copy-ready code.
How we build
Anyone can say they care about the details. Everything below is something you can check for yourself, on your own Mac or on this site.
A tiny menu-bar monitor for your Mac that shows CPU, memory, storage and battery at a glance, plus live Claude & AI usage gauges. Enter your email and we’ll send you the download link.
Browser extensions
Latest updates
View all →We use essential cookies to run the site. With your OK, we also measure anonymous usage to improve the tools, and we never sell or share it. Privacy Policy