Struggling with finding colors and layouts for your web projects ? Check out these sites
Tags: ux, design, webdev, uiweekly
Published: 2022-05-01 14:54:00

If you're **new to web development** or you beleive you can do **better with colors and design** for your next website.
 
🔖 Bookmark this for future references.

These are the websites I found along the way of learning, on various platoforms like Youtube , Twitter & Other Blogs.

🔥 Lets start ! 

## [1. Huemint](https://huemint.com/)
This is a _color pallete website generator_ that produces some best palettes. This website help us create the following
- Monochrome , 1 Accent , 2 Accent
- Illustrations Designs 
- Gradient & Gradient Background

![Huemint Demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l63p63cid9lkwmtnqlzc.gif)



## [2. MyColor.Space](https://mycolor.space/)
This is _color palette generator_ you need if your looking for all the palette that suits your accent color. This site helps you create the following palettes
- Generic Gradient , Matching Gradient
- Spot Palette , Twisted Spot Palette
and so many other palettes and gradients

![MyColor Space Demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tcvy5em2aupta9hd68s5.gif)


## [3. Colorhunt](https://colorhunt.co/)
This is a quick _Pre Generated Palettes_.

![Color Hunt Demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/se21cc9ad2yi6s8bb2x7.png)

## [4. Awwwards](https://www.awwwards.com/wibe/)
Awwwards if you are looking for great website inspirations.
![Awwwards Demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/88hw76p2i8tn05k6hehe.gif)

## [5. Carrd](https://carrd.co/dashboard)
Want to create a **_single page website in 5 minutes_** ? This is the _Best Free thing_ you can get. Scroll through pre built themes and just place your content.

![Carrd Demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yug6hlmb1r8t0ibg0b95.gif)


## [6. Undraw](https://undraw.co/illustrations)
**Illustrations** you can get for free for your accent colors and fill your sites with beautiful placeholders.

![Undraw Demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bnsdb8yk3kw9b383f3ai.gif)

##[7. Coolors](https://coolors.co/?home)
This is a great tool to quickly view some color palletes that is enough for simple websites. 
Just Press **_SPACE BAR_** to iterate through variety of colors.
**_Export_** to many formats available if you want to share.


![Coolors Demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a58hswi08x6ecbq79464.gif)

## Some other websites to look for 
- [Layouts Generator](https://codepen.io/jipdev/full/ZEJOWjP)
- [Create Mockups , Logos](https://placeit.net/)
- [Ui Gradient](https://uigradients.com/#Flare) Generate gradient color for backgrounds


Please comment If you know any other resource , so that this post becomes more useful. I will add that to this post and give credits.

Follow me on [https://twitter.com/papashrihari](Twitter)

Thanks & Cheers🍻 !

---
## Try Our new product for free!
[DocsAI](https://docsai.app/) - Create AI support agents with your documents in the most affordable price, starts at **0$**. Don't need a bot , but need ai help on your docs just upload and start chating !

Using for a company ? [Check out our pricing](https://docsai.app/pricing) Just contact me for personalized pricing !

![docsAi](https://firebasestorage.googleapis.com/v0/b/shrihari-personal-storage.appspot.com/o/banner-docs-jpeg.jpeg?alt=media&token=45c47666-de2a-4e02-8881-beb6e43ce581)

---