Awwwards
Focus: showcase and ui. Shares web design and inspiration with Happy Hues. Rated 4.6 (Happy Hues: 4.5).
WebsiteFreeWeb
4.6Visit
Website
Happy Hues
Curated colour palettes shown live on a real website layout.
Rating
4.5 / 5
Pricing
Free
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Happy Hues?
Happy Hues is a free colour palette site by Mackenzie Child that applies each palette to an actual web page, so you can see how background, headline, paragraph and button colours work together. Pick a palette and the whole site changes, with hex codes listed for every element.
Pros: what Happy Hues does well
- See palettes in real context
- Hex codes for each element
- Simple and free
Cons: where it falls short
- Fixed set of palettes
- No palette generator or export
Who Happy Hues is for
Designers and developers choosing colours for a website or landing page.
Who can skip it
Anyone who needs a generator for brand-new palettes.
Happy Hues alternatives
Not sold on Happy Hues? These do a similar job, and each card says what it has in common.
Color Hunt
Focus: hex codes and design. Shares colour palettes and inspiration with Happy Hues. Adds Chrome. Rated 4.6 (Happy Hues: 4.5).
WebsiteFreeWeb, Chrome
4.6Visit
Lapa Ninja
Focus: landing pages and gallery. Shares web design and inspiration with Happy Hues. Same 4.5 rating.
WebsiteFreeWeb
4.5Visit
Minimal Gallery
Focus: gallery. Shares web design and inspiration with Happy Hues. Same 4.5 rating.
WebsiteFreeWeb
4.5Visit
Dark Mode Design
Focus: dark mode and gallery. Shares web design and inspiration with Happy Hues. Rated 4.4 (Happy Hues: 4.5).
WebsiteFreeWeb
4.4Visit
Httpster
Focus: gallery and ui. Shares web design and inspiration with Happy Hues. Rated 4.4 (Happy Hues: 4.5).
WebsiteFreeWeb
4.4Visit
Free alternatives to Happy Hues
Want to spend nothing? These free picks cover similar ground.
Seesaw
Focus: curation. Shares web design and inspiration with Happy Hues. Rated 4.4 (Happy Hues: 4.5).
WebsiteFreeWeb
4.4Visit
Realtime Colors
Focus: typography and tailwind. Shares colour palettes and web design with Happy Hues. A web app, not a website. Rated 4.6 (Happy Hues: 4.5).
Web AppFreeWeb
4.6Visit
Khroma
Focus: ai and design tools. Shares colour palettes and colors with Happy Hues. A web app, not a website. Same 4.5 rating.
Web AppFreeWeb
4.5Visit
Iconly
Focus: icons, icon design and app icons. Shares inspiration with Happy Hues. Rated 4.6 (Happy Hues: 4.5).
WebsiteFreeWeb
4.6Visit
HTML Color Codes
Focus: hex, css and color picker. Shares colors with Happy Hues. Same 4.5 rating.
WebsiteFreeWeb
4.5Visit
Gradient Hunt
Focus: gradients, css and design inspiration. Shares colour palettes with Happy Hues. Rated 4.4 (Happy Hues: 4.5).
WebsiteFreeWeb
4.4Visit
Are you the maker of Happy Hues?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.