Gradient Style Library (880+ gradients)
More than 800 ready-made to-use gradient styles. It's a small gradient library. All gradients are divided into one primary color. There are 13 base colors + light & dark.
Minhazur Rahman Ratul
Similar resources
ColorHunt
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.
WebGradients 💎
Come to WebGradients.com for 180 beautiful linear gradients in CSS3, Photoshop and Sketch. This collection is curated by top designers and totally free.
Coolors
Generate or browse beautiful color combinations for your designs.
Color Palette Generator
Search, discover, test and create beautiful color palettes for your projects
ColorHub
ColorHub | Find the perfect color palette for your next project
Flat UI Color PIcker
Flatuicolorpicker gives you the perfect colors for Flat Design
Tailwind CSS color Palette Generator
A fast and flexible, HSL-tweakable palette generator and API for Tailwind CSS
MagicPattern Mesh Gradients Generator
Create unique mesh gradients and fluid gradient for your web design projects, graphic design posters, and wallpapers.
Chakra UI Color palette generator
Quickly generate custom color palettes for Chakra UI.
10000+ Themes for shadcn-ui
Explore 10000+ themes for shadcn/ui and easily copy them into your project. Or just create your own theme from scratch!
Happy Hues
See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.
Color Designer
From Inspiration to Creation: Ignite Your Design Journey with Color Designer.
Ingradients
Hand-picked mesh gradients for your next design project.
Shadcn UI Customizer
Customize Shadcn UI to match your style. Choose colors, adjust themes, and copy the generated CSS.
MeshGradients
Create and Edit mesh gradients.
Colorable
Contrast is the difference in luminance or color that makes an object (or its representation in an image or display) distinguishable. In visual perception of the real world, contrast is determined by the difference in the color and brightness of the object and other objects within the same field of view.
WebAIM: Contrast Checker
Check the color contrast ratio between two