Colors - Sprout UI

Skip to content

⚡ SproutUI just leveled up — Check out what’s new in v3!

Learn More

Products
- 1300+ components across 20+ key categories
  
  1300+ components across 20+ key categories
  
  1300+ components across 20+ key categories
  
  Ready to Get started.
  
  Buy Now
Components
- 1300+ components across 20+ key categories
 
 1300+ components across 20+ key categories
 
 1300+ components across 20+ key categories
 
 <img src="https://sproutui.com/wp-content/uploads/2025/07/Websprout-image.svg" width="87.99" height="24"></img> 1300+ components across 20+ key categories
 
 Global Style
 
 Colors
 Buttons
 Typography
 Logos
 Icons
 
 Pattern Library
 
 Navbar
 Header Hello Bars
 Mobile App Like Menu Header
 Hero
 About Us
 Why Choose Us
 Services
 Features
 Metrics
 Gallery
 Portfolio
 Blog
 Pricing Table
 Team
 Testimonial
 Company Logo
 Contact Form
 FAQ
 Location
 CTA
 Breadcrumbs
 Footer
 404
 Coming Soon
 Under Maintenance
 
 Page Templates
 
 Home Pages
 About Us Pages
 Service Pages
 Team Pages
 Pricing Pages
 Blog Pages
 Portfolio Pages
 Contact Pages
 Testimonial Pages
 FAQ Pages
 404 Pages
 Coming Soon Pages
 Under Maintenance Pages
 
 <img src="https://sproutui.com/wp-content/uploads/2024/12/blog-sprout.svg" width="87.99" height="24"></img> 1300+ components across 20+ key categories
 
 Global Style
 
 Colors
 Buttons
 Typography
 Logos
 Icons
 
 Pattern Library
 
 Navbar Base Components
 Mega Menu
 Heading Title
 Hero Sections
 About Us
 Our Story
 Post Feed
 Post Video
 Post Categories
 Social Sharing
 Table of Contents
 Newsletter
 Charts
 Audio Player
 Block Quote
 Countdown
 Post Ticker
 Advertisement Banner
 Testimonial
 FAQs
 Number Counter
 Breadcrumbs
 Footer
 404
 Popups
 Dark Mode Switcher
 Single Post Details
 Single Post Comment
 Single Post Previous Next
 Single Post Comment Box
 Single Post Author Area
 Search Bar
 Side Gallery
 Single Post Featured Area
 Category Featured Area
 
 Page Templates
 
 Blog Home
 Magazine Home
 Minimal Home
 Single Post
 Author Page
 Category Page
 Tag Page
 Date Page
 Search Result Page
 About Us
 About Me
 Contact Us
 Contact Me
 404 Page
 
 <img src="https://sproutui.com/wp-content/uploads/2024/12/shop-sprout.svg" width="87.99" height="24"></img> 1300+ components across 20+ key categories
 
 Global Style
 
 Colors
 Buttons
 Typography
 Logos
 Icons
 
 Pattern Library
 
 Navbar
 Mini Cart
 Mini Wishlist
 Mini Search Bar
 Mini Login/Register
 Mini Language Bar
 Mega Menus
 Vertical Mega Menus
 Search Results Featured Area
 Hero
 About Us
 Product Feed
 Product Single
 Breadcrumbs
 Marketing Layout
 Deal of the Day
 Post Feed
 Brands
 Filters
 Product Category
 Offers Banners
 Popups
 Newsletter
 Features
 Articles
 How it Works
 How it Works
 Testimonials
 My Cart
 My Wishlist
 Checkout
 Thank You
 Track Your Order
 Social Feed
 Footer
 
 Page Templates
 
 Store Home Pages
 Product Single Pages
 Category Pages
 Shop Pages
 Shop Filter Pages
 Login & Register Pages
 Search Result Pages
 Cart Pages
 Wishlist Pages
 Order Pages
 Checkout Pages
 Thank You Pages
 My Account Pages
 Track Your Order Pages
 Gift Voucher Pages
 Store Location Pages
 Blog Listing Pages
 Contact us Pages
 
 Ready to Get started.
 
 Buy Now
Resources
- Explore
  
  New Updates
  Request Feature
  Roadmap
  Educational Figma Guide
  
  Community
  
  Blogs & Announcements
  Facebook Community
  Video Tutorials
  Join Affiliate
  
  Support
  
  Documentation
  Free Helpdesk
  Pro Helpdesk
  Live Chat
  
  Ready to Get started.
  
  Buy Now
Pricing

Products
- 1300+ components across 20+ key categories
  
  1300+ components across 20+ key categories
  
  1300+ components across 20+ key categories
  
  Ready to Get started.
  
  Buy Now
Components
- 1300+ components across 20+ key categories
 
 1300+ components across 20+ key categories
 
 1300+ components across 20+ key categories
 
 <img src="https://sproutui.com/wp-content/uploads/2025/07/Websprout-image.svg" width="87.99" height="24"></img> 1300+ components across 20+ key categories
 
 Global Style
 
 Colors
 Buttons
 Typography
 Logos
 Icons
 
 Pattern Library
 
 Navbar
 Header Hello Bars
 Mobile App Like Menu Header
 Hero
 About Us
 Why Choose Us
 Services
 Features
 Metrics
 Gallery
 Portfolio
 Blog
 Pricing Table
 Team
 Testimonial
 Company Logo
 Contact Form
 FAQ
 Location
 CTA
 Breadcrumbs
 Footer
 404
 Coming Soon
 Under Maintenance
 
 Page Templates
 
 Home Pages
 About Us Pages
 Service Pages
 Team Pages
 Pricing Pages
 Blog Pages
 Portfolio Pages
 Contact Pages
 Testimonial Pages
 FAQ Pages
 404 Pages
 Coming Soon Pages
 Under Maintenance Pages
 
 <img src="https://sproutui.com/wp-content/uploads/2024/12/blog-sprout.svg" width="87.99" height="24"></img> 1300+ components across 20+ key categories
 
 Global Style
 
 Colors
 Buttons
 Typography
 Logos
 Icons
 
 Pattern Library
 
 Navbar Base Components
 Mega Menu
 Heading Title
 Hero Sections
 About Us
 Our Story
 Post Feed
 Post Video
 Post Categories
 Social Sharing
 Table of Contents
 Newsletter
 Charts
 Audio Player
 Block Quote
 Countdown
 Post Ticker
 Advertisement Banner
 Testimonial
 FAQs
 Number Counter
 Breadcrumbs
 Footer
 404
 Popups
 Dark Mode Switcher
 Single Post Details
 Single Post Comment
 Single Post Previous Next
 Single Post Comment Box
 Single Post Author Area
 Search Bar
 Side Gallery
 Single Post Featured Area
 Category Featured Area
 
 Page Templates
 
 Blog Home
 Magazine Home
 Minimal Home
 Single Post
 Author Page
 Category Page
 Tag Page
 Date Page
 Search Result Page
 About Us
 About Me
 Contact Us
 Contact Me
 404 Page
 
 <img src="https://sproutui.com/wp-content/uploads/2024/12/shop-sprout.svg" width="87.99" height="24"></img> 1300+ components across 20+ key categories
 
 Global Style
 
 Colors
 Buttons
 Typography
 Logos
 Icons
 
 Pattern Library
 
 Navbar
 Mini Cart
 Mini Wishlist
 Mini Search Bar
 Mini Login/Register
 Mini Language Bar
 Mega Menus
 Vertical Mega Menus
 Search Results Featured Area
 Hero
 About Us
 Product Feed
 Product Single
 Breadcrumbs
 Marketing Layout
 Deal of the Day
 Post Feed
 Brands
 Filters
 Product Category
 Offers Banners
 Popups
 Newsletter
 Features
 Articles
 How it Works
 How it Works
 Testimonials
 My Cart
 My Wishlist
 Checkout
 Thank You
 Track Your Order
 Social Feed
 Footer
 
 Page Templates
 
 Store Home Pages
 Product Single Pages
 Category Pages
 Shop Pages
 Shop Filter Pages
 Login & Register Pages
 Search Result Pages
 Cart Pages
 Wishlist Pages
 Order Pages
 Checkout Pages
 Thank You Pages
 My Account Pages
 Track Your Order Pages
 Gift Voucher Pages
 Store Location Pages
 Blog Listing Pages
 Contact us Pages
 
 Ready to Get started.
 
 Buy Now
Resources
- Explore
  
  New Updates
  Request Feature
  Roadmap
  Educational Figma Guide
  
  Community
  
  Blogs & Announcements
  Facebook Community
  Video Tutorials
  Join Affiliate
  
  Support
  
  Documentation
  Free Helpdesk
  Pro Helpdesk
  Live Chat
  
  Ready to Get started.
  
  Buy Now
Pricing