Stop Guessing color code by eye — Try This Chrome Extension Instead (With JSON Export!)

As frontend developers, we deal with color tokens constantly.
But when we want to grab a color from a website, it often means:
- Taking a screenshot
- Opening it in Figma
- Using the eyedropper
- Copying the HEX code manually
This workflow is slow and outdated.
Meet Palette Box
Palette Box is a Chrome extension I built to solve this.
Drag any region of a webpage
It automatically extracts the key colors
Export your palette as a JSON file
Share it as a preset with your team
Sample Output
This works great with Tailwind, SCSS, or CSS-in-JS color tokens.
Get Started
→ Install Palette Box on Chrome
I’d love to hear how you use it.