Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Web App

ColorBox

Build accessible colour scales step by step with adjustable curves.

Visit ColorBox4.5

  • Rating

    4.5 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

What is ColorBox?

ColorBox is a free colour scale generator that lets you set the hue, saturation and brightness range of a palette and shape each with easing curves. Results export to Tailwind CSS, OKLCH, Swift and JSON, and you can share a palette with a link.

Pros: what ColorBox does well

  • Precise control over every step
  • Several export formats
  • Free and no sign-up

Cons: where it falls short

  • Takes some time to learn the curves
  • No ready-made palettes to browse

Who ColorBox is for

Designers building colour systems who want fine control over each shade.

Who can skip it

Anyone who just wants a quick random palette.

ColorBox alternatives

Not sold on ColorBox? These do a similar job, and each card says what it has in common.

All Workflows resources

Leonardo

Focus: colour palettes, accessibility and contrast. Shares design systems with ColorBox. Rated 4.6 (ColorBox: 4.5).

Web AppFreeWeb
4.6Visit

UI Colors

Focus: color palette, tailwind css and css. Shares ui design with ColorBox. Rated 4.6 (ColorBox: 4.5).

Web AppFreeWeb
4.6Visit

Penpot

Focus: prototyping, open source and self-hosted. Shares ui design with ColorBox. Freemium (ColorBox: Free). Same 4.5 rating.

Web AppFree planWeb
4.5Visit

AI Canvas

Focus: react, shadcn and components. Shares design systems with ColorBox. Freemium (ColorBox: Free). Rated 4.4 (ColorBox: 4.5).

Web AppFree planWeb
4.4Visit

Neumorphism.io

Focus: css, shadows and neumorphism. Shares ui design with ColorBox. Rated 4.4 (ColorBox: 4.5).

Web AppFreeWeb
4.4Visit

M3E Canvas

Focus: material design, prompts and vibe coding. Shares ui design with ColorBox. Rated 4.2 (ColorBox: 4.5).

Web AppFreeWeb
4.2Visit

Free alternatives to ColorBox

Want to spend nothing? These free picks cover similar ground.

Lucide

Focus: icons, svg icons and icon library. Shares ui design with ColorBox. A website, not a web app. Rated 4.8 (ColorBox: 4.5).

WebsiteFreeWeb
4.8Visit

Feather Icons

Focus: icons, svg and open source. Shares ui design with ColorBox. A website, not a web app. Rated 4.7 (ColorBox: 4.5).

WebsiteFreeWeb
4.7Visit

Phosphor Icons

Focus: icons, icon family and figma plugin. Shares ui design with ColorBox. A website, not a web app. Rated 4.7 (ColorBox: 4.5).

WebsiteFreeWeb
4.7Visit

Storybook

Focus: ui development, components and testing. Shares design systems with ColorBox. A framework, not a web app. Rated 4.7 (ColorBox: 4.5).

FrameworkFreeWeb
4.7Visit
Are you the maker of ColorBox?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.