Neumorphism.io
Focus: shadows and neumorphism. Shares css and ui design with UI Colors. Rated 4.4 (UI Colors: 4.6).
Web AppFreeWeb
4.4Visit
Web App
UI Colors
Generate a full Tailwind CSS colour scale from a single hex code.
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is UI Colors?
UI Colors creates an eleven-step colour palette from one base colour, in the same 50 to 950 format as Tailwind CSS. You can preview the shades on sample interface components, tweak them and copy the result as Tailwind config, CSS variables or other formats, all for free in the browser.
Pros
- Tailwind-ready output
- Live preview on real UI components
- Fast and free
Cons
- Focused on Tailwind-style scales only
- Fewer options for full brand palettes
Who should use UI Colors
Developers and designers building interfaces with Tailwind CSS or a design system.
Who may not need it
Anyone who wants mood-board style palettes rather than UI shades.
UI Colors alternatives
Similar resources to UI Colors, picked from the directory.
Colors Visualizer
Focus: design preview, brand design and visualizer. Shares color palette and ui design with UI Colors. A website, not a web app. Same 4.6 rating.
WebsiteFreeWeb
4.6Visit
Uiverse
Focus: ui elements, buttons and open source. Shares css and tailwind css with UI Colors. A website, not a web app. Same 4.6 rating.
WebsiteFreeWeb
4.6Visit
Monoco
Focus: squircle and javascript library. Shares css and ui design with UI Colors. A framework, not a web app. Rated 4.4 (UI Colors: 4.6).
FrameworkFreeWeb
4.4Visit
Clippy
Focus: clip-path, shapes and web design. Shares css with UI Colors. Same 4.6 rating.
Web AppFreeWeb
4.6Visit
ColorBox
Focus: color scales, design systems and palette. Shares ui design with UI Colors. Rated 4.5 (UI Colors: 4.6).
Web AppFreeWeb
4.5Visit
Free alternatives to UI Colors
Free resources that cover similar ground.
CSS Gradient
Focus: gradients, colour and generator. Shares css with UI Colors. Rated 4.5 (UI Colors: 4.6).
Web AppFreeWeb
4.5Visit
Epic Easing
Focus: easing, animation and spring animation. Shares css with UI Colors. Rated 4.4 (UI Colors: 4.6).
Web AppFreeWeb
4.4Visit
M3E Canvas
Focus: material design, prompts and vibe coding. Shares ui design with UI Colors. Rated 4.2 (UI Colors: 4.6).
Web AppFreeWeb
4.2Visit
Frontend Design Skill
Focus: claude, claude skills and frontend design. Shares ui design with UI Colors. An AI tool, not a web app. Rated 4.8 (UI Colors: 4.6).
AI ToolFreeWeb
4.8Visit
CSS Toggle Library
Focus: toggles, switches and checkboxes. Shares css with UI Colors. A website, not a web app. Rated 4.7 (UI Colors: 4.6).
WebsiteFreeWeb
4.7Visit
daisyUI
Focus: ui components, themes and web development. Shares tailwind css with UI Colors. A framework, not a web app. Rated 4.7 (UI Colors: 4.6).
FrameworkFreeWeb
4.7Visit
Are you the maker of UI Colors?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.