Cheeky Palettes allows you to get a colour palette from another website (or use our inspiration library) and see how it will look like on a real landing page. It also generates an automatic Tailwind shades for your colours which you can adjust further.

Hey Product Hunt! For my first ever product hunt launch, I decided to build this tool for the community to allows us to plug any primary/secondary colours and we can immediately see how it would work on an example landing page. The automatically generated shadows are provided in a Tailwind form (50-900 with 500 being the base colour you provided) so it's worth mentioning that the shadows generated won't be that amazing if you provide a very bright or a very dark colour. Anyways, I've given us a full flexibility to edit all shadows generated on the go. On the sidebar, you can also go to the second tab for several colour palettes I've put it to get you inspired for your next design. You can also toggle any section to see how it would look like in a light/dark mode. Wonder what colour shadow is being used somewhere? Just hover over the element and you will get a toolbar with the info. I plan to add several more pages examples (eg. an app screen or a dashboard SaaS page) and more colour palettes for the Inspiration tab. PS: I'd love to improve the tool so we can continue using it in the community, so any feedback and updates are welcome!

This product is a great way to not only visualise how color palettes can be applied to a website. Not only the main colors, but the shades too. A really powerful tool for those who struggle to create, or apply colors in their UI Designs 🔥

@kieranparker77 Thanks for the kind words, Kieran!

Cheeky Palettes

Colour palettes in the context of real landing pages

Colour palettes in the context of real landing pages