I Made a Color Palette Generator For Website Design
2.4万 次观看 · 2025-06-11
UI 设计
I built a color palette tool called websitestylekit.com using Bolt AI. The idea is simple:
You pick one color, and it generates a complete palette for you with a live preview of what it would look like on a real website.
I also added a feature to test different font combinations so you can quickly get a feel for the overall vibe of the site. This is version 1, and I’ll keep adding more features. Feel free to check it out and let me know your thoughts.
Check my color palette generator here: https://websitestylekit.com/
→ Software I recommend
Hostinger for webhosting: http://livingwithpixels.com/hostinger
Elementor for no-code web-development: http://livingwithpixels.com/elementor
Figma for Web Design: https://livingwithpixels.com/figma
All recommended software & discounts: https://livingwithpixels.com/links/
→ Starter Guides for Beginners
Elementor Starters Guide: https://livingwithpixels.com/elementor-guide
Figma Design Starters Guide: https://livingwithpixels.com/design-guide
→ Full A-Z Courses
Elementor Pro Mastery Course: https://livingwithpixels.com/elementor-course
Figma Design Mastery Course: https://livingwithpixels.com/design-course
Business Course: https://livingwithpixels.com/business-course
→ Social media
Tiktok: https://www.tiktok.com/@rinodeboer
Instagram: https://www.instagram.com/rinodeboer/
Twitter / X: https://www.twitter.com/rinodeboer/
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.
You pick one color, and it generates a complete palette for you with a live preview of what it would look like on a real website.
I also added a feature to test different font combinations so you can quickly get a feel for the overall vibe of the site. This is version 1, and I’ll keep adding more features. Feel free to check it out and let me know your thoughts.
Check my color palette generator here: https://websitestylekit.com/
→ Software I recommend
Hostinger for webhosting: http://livingwithpixels.com/hostinger
Elementor for no-code web-development: http://livingwithpixels.com/elementor
Figma for Web Design: https://livingwithpixels.com/figma
All recommended software & discounts: https://livingwithpixels.com/links/
→ Starter Guides for Beginners
Elementor Starters Guide: https://livingwithpixels.com/elementor-guide
Figma Design Starters Guide: https://livingwithpixels.com/design-guide
→ Full A-Z Courses
Elementor Pro Mastery Course: https://livingwithpixels.com/elementor-course
Figma Design Mastery Course: https://livingwithpixels.com/design-course
Business Course: https://livingwithpixels.com/business-course
→ Social media
Tiktok: https://www.tiktok.com/@rinodeboer
Instagram: https://www.instagram.com/rinodeboer/
Twitter / X: https://www.twitter.com/rinodeboer/
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.