Gradient color palettes
Evenly stepped palettes that slide smoothly from one end of a color range to the other. 98 palettes, each with HEX codes.
- Deep Library
- Pool Road Trip
- Mixtape Rink
- Vector Grid
- Sunhat Weekend
- Summit Annual
- Almond Morning
- Verdigris and Basin
- Carnation Parlour
- Mesa Trading Post
- Cloud and Mist
- Celadon Room
- Ash Gallery
- Cranberry Morning
- Biscotti Cup
- Persimmon and Paprika
- Blackcurrant Crumble
- Brine and Rope
- Mauve Fade
- Rhubarb Compote
- Merlot and Wine
- Pearl Swell
- Cider Embers
- Paprika Pantry
- Pomelo Slice
- Canyon Caravan
- Harissa Market
- Champagne and Peony
- Velvet Lodge
- Umber Table
- Quiet Sky
- Dune Afternoon
- Sunlit Gate
- Pine Grove
- Porcelain Loft
- Biscotti Grind
- Terracotta Rooftop
- Almond Basket
- Mango Burn
- Cellar and Wine
- Ruby Signet
- Hoar Peak
- Bonfire Orchard
- Terracotta Wind
- Regal and Velvet
- Flurry Silence
- Maple Harvest
- Teddy Meadow
Most common colors in gradient color palettes
Evenly stepped palettes that slide smoothly from one end of a color range to the other. Across all 98 gradient palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.
- Lavender#E6E6FAin 12 palettes
- Chocolate Brown#411900in 11 palettes
- Dark Brown#341C02in 11 palettes
- Misty Rose#FFE4E1in 10 palettes
- Dark Maroon#3C0008in 8 palettes
- Lavender Blush#FFF0F5in 8 palettes
- Oxford Blue#1B263Bin 8 palettes
- Rich Black#0D1B2Ain 8 palettes
- Chestnut#742802in 7 palettes
- Jet#212529in 7 palettes
- Mud Brown#60460Fin 7 palettes
- Purple Brown#673A3Fin 7 palettes
Gradient color palette hex codes
| Palette | Hex codes |
|---|---|
| Deep Library | #011838 #00364B #00555E #98F8E9 |
| Pool Road Trip | #2E1A00 #825300 #CF9137 #FFE7C9 |
| Mixtape Rink | #22135B #5346B3 #9493FF #F3F4FF |
| Vector Grid | #00233E #005493 #3386DC #8EC0FF #F5F9FF |
| Sunhat Weekend | #002A38 #006E78 #51B7AC #B7FEDF |
| Summit Annual | #002A25 #006B76 #3BADE1 #DCEBFF |
| Almond Morning | #381700 #6B321C #9D5349 #C97C7F #EDACBA #FFE7F0 |
| Verdigris and Basin | #00211E #004F49 #009187 #71C4BC #B8F6EF |
Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.
How to use a gradient color palette
- Let gradient lead, covering about 60% of the design, and keep the rest for neutrals and one accent (the 60-30-10 rule).
- Use a light tint of gradient for backgrounds and a deep shade for text, so the palette stays readable.
- For contrast, add a small accent from the opposite side of the color wheel: see complementary colors.
- Check every text and background pair in the contrast checker before you ship.
Frequently asked questions
What colors are in a gradient color palette?
The colors used most across these gradient palettes are Lavender, Chocolate Brown, Dark Brown, Misty Rose, Dark Maroon and Lavender Blush. Evenly stepped palettes that slide smoothly from one end of a color range to the other.
How many gradient color palettes are there?
There are 98 curated gradient palettes on this page, each with hex codes and free exports.
Can I edit a gradient palette?
Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.