UI Colors
Focus: color palette, tailwind css and css. Shares ui design with ColorBox. Rated 4.6 (ColorBox: 4.5).
Web AppFreeWeb
4.6Visit
Web App
ColorBox
Build accessible colour scales step by step with adjustable curves.
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
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
- Precise control over every step
- Several export formats
- Free and no sign-up
Cons
- Takes some time to learn the curves
- No ready-made palettes to browse
Who should use ColorBox
Designers building colour systems who want fine control over each shade.
Who may not need it
Anyone who just wants a quick random palette.
ColorBox alternatives
Similar resources to ColorBox, picked from the directory.
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
Frontend Design Skill
Focus: claude, claude skills and frontend design. Shares ui design with ColorBox. An AI tool, not a web app. Rated 4.8 (ColorBox: 4.5).
AI ToolFreeWeb
4.8Visit
Free alternatives to ColorBox
Free resources that cover similar ground.
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
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
Colors Visualizer
Focus: color palette, design preview and brand design. Shares ui design with ColorBox. A website, not a web app. Rated 4.6 (ColorBox: 4.5).
WebsiteFreeWeb
4.6Visit
Checklist Design
Focus: ux checklists, best practices and design resources. Shares ui design with ColorBox. A website, not a web app. Same 4.5 rating.
WebsiteFreeWeb
4.5Visit
Typescale
Focus: typography, figma plugin and type scale. Shares design systems with ColorBox. Same 4.5 rating.
OtherFreeCross-Platform
4.5Visit
UI Skills
Focus: design engineering, frontend craft and accessibility. Shares ui design with ColorBox. A website, not a web app. Same 4.5 rating.
WebsiteFreeWeb
4.5Visit
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 databaseFree 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 listFor 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 newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.