Color Palettes

48 hand-picked, ready-to-use color palettes with hex codes, organized by mood. Click any color to copy it, or remix a palette in the palette generator.

Pastel & Soft

Low-saturation pastel color palettes that keep interfaces light and friendly. Ideal for wellness apps, baby brands, stationery, and any design that should feel gentle.

Cotton Candy Skies

Remix

A soft pastel rainbow for playful, friendly layouts.

Sorbet Stand

Remix

Blush pinks grounded by a muted mauve.

Lavender Haze

Remix

Periwinkle drift from lilac into pale sky.

Mint Condition

Remix

Fresh green tints for clean, organic branding.

Powder Room

Remix

Powdery pinks and blues with a spa-like calm.

Peach Parfait

Remix

Warm peachy creams for cozy product pages.

Warm & Sunset

Sunset color palettes built on reds, oranges, and golds. Warm schemes read as energetic and inviting, which makes them great for food brands, travel sites, and bold landing pages.

Golden Hour

Remix

Amber to ember, like the last hour of daylight.

Desert Dusk

Remix

Rosy sands fading into dusty twilight purple.

Sunset Boulevard

Remix

Hot coral through marigold, made for hero sections.

Strawberry Dusk

Remix

A moody crimson ramp from wine to bright berry.

Flamingo Beach

Remix

Coral and sand cooled by seafoam neutrals.

Marigold

Remix

Saturated yellows deepening into burnt orange.

Cool & Ocean

Blue and teal color palettes that feel calm, clean, and trustworthy. They're the go-to range for tech products, finance, healthcare, and anything nautical.

Harbor Lights

Remix

Classic nautical navy and powder blue with a red flare.

Deep Dive

Remix

Ocean blues from abyss to sunlit surface.

Tidepool

Remix

Teal and seafoam warmed by blush and terracotta.

Arctic Drift

Remix

Icy periwinkles for quiet, minimal interfaces.

Blue Lagoon

Remix

Indigo melting into tropical aqua.

Deep End

Remix

Dark teal sliding into ink and plum.

Earthy & Natural

Earth-tone color palettes drawn from soil, foliage, and stone. Olive, terracotta, and sage schemes suit sustainable brands, interiors, food, and outdoor products.

Olive Grove

Remix

Olive and cream with sun-baked terracotta.

Forest Floor

Remix

Deep pine softening into mossy sage.

Terracotta Patio

Remix

Clay, sand, and dry sage with Mediterranean warmth.

Roasted Chestnut

Remix

Rich browns and honey for rustic, artisanal brands.

Sage & Stone

Remix

Cool green-grays with a quiet, grounded feel.

Fresh Bread

Remix

Oat, wheat, and crust tones for organic packaging.

Retro & Vintage

Vintage color palettes with the faded mustards, teals, and cherry reds of mid-century posters, diners, and old film. Instant nostalgia for editorial and brand work.

Mid-Century Modern

Remix

The classic teal-mustard-coral poster combo.

Polaroid Summer

Remix

Sun-bleached orange and aqua, straight off old film.

70s Lounge

Remix

Plum, burnt orange, and deep teal shag-carpet vibes.

Mustard Diner

Remix

Cherry red and mustard over midnight navy.

Faded Postcard

Remix

Muted olive and apricot, like a sun-faded print.

Cassette Tape

Remix

Teal, cream, and ochre with a maroon backbone.

Neon & Vibrant

High-chroma neon color palettes that demand attention. Electric pinks, cyans, and limes for gaming, music, streetwear, and anything that should glow in the dark.

Synthwave

Remix

Hot magenta through ultraviolet into laser cyan.

Miami Nights

Remix

Neon pink and amber against electric blue.

Arcade Carpet

Remix

Bold primaries with a punchy 90s arcade energy.

Highlighter Pack

Remix

Five fluorescent markers straight from the desk drawer.

Ultraviolet

Remix

A pure purple ramp from indigo to electric orchid.

Bubble Pop

Remix

Candy brights balanced enough for real UI accents.

Dark & Moody

Dark color palettes for dramatic, premium designs: deep navies, charcoals, and jewel tones that work as dark-mode foundations or moody editorial backdrops.

Midnight Marina

Remix

Navy depths rising to a pale fog, a dark-mode staple.

Royal Night

Remix

Deep violets with a regal, cosmic glow.

Ember & Ash

Remix

Charred browns igniting into molten amber.

Evergreen Night

Remix

A forest after dark, lifted by cool mint light.

Plum Velvet

Remix

Smoky purples softening into rosy mauve.

Neon Exit

Remix

Slate and ink cut by an emergency-red accent.

Neutral & Minimal

Neutral color palettes: grays, greiges, and warm off-whites with one careful accent. The quiet backbone of minimal websites, portfolios, and editorial design.

Greige

Remix

Warm greige neutrals with a soft, plastered feel.

Ink & Paper

Remix

Black, navy, and paper white struck with amber.

Warm Linen

Remix

Cream and charcoal sparked by a flame accent.

Walnut & Cream

Remix

Aged leather and parchment, dark and bookish.

Studio Loft

Remix

Concrete grays warmed by a single gold note.

How to choose a color palette

Start from the mood, not the colors. A wellness brand usually wants the softness of a pastel palette, a finance product leans on the calm authority of blues, and a music event can carry full-saturation neon. Once the mood is right, check the practical details: every palette needs at least one color light enough and one dark enough to keep text readable.

Before committing, run your text and background pairs through the contrast checker to confirm they meet WCAG accessibility standards, and preview the palette in the color blindness simulator to make sure key pairs stay distinguishable. If a palette is almost right, the color shades tool can expand any single color into a full tint-and-shade scale for hover states and borders.

Frequently asked questions

How do I use these color palettes?

Click any swatch or hex code to copy the color to your clipboard, then paste it into your CSS, design tool, or anywhere a hex value works. To tweak a palette, click Remix and it opens in the palette generator where you can lock colors and regenerate the rest.

Are these color palettes free to use?

Yes. Every palette here is free for personal and commercial projects, with no attribution required. Colors themselves can't be copyrighted, so use them in websites, apps, branding, or print without restriction.

How do I apply a five-color palette to a website?

A reliable starting point is the 60-30-10 rule: use the most neutral color for about 60% of the page (backgrounds), a supporting color for 30% (cards, sections, navigation), and the boldest color for the final 10% (buttons, links, highlights). The remaining colors cover text and borders.

Can I customize one of these palettes?

Yes. Every card has a Remix link that loads the palette into the free palette generator. Lock the colors you want to keep, press space to regenerate the others with a harmony mode, and share the result via the page URL.