Design reference

Color palettes by mood and style

The 40 curated palettes behind the palette generator, sorted by the way people actually search for them — pastel, muted, luxury, retro, dark — rather than by industry. Every palette shows its named colors and hex codes, the eight interface roles derived from it, and opens in the generator with one click so the primary can be swapped for your own brand hue.

Pastel color palettes

A pastel color palette is built from high-lightness, low-to-medium saturation hues — colors with white mixed in — so every swatch reads as soft, airy and gentle rather than vivid.

7 palettes

Muted color palettes

A muted color palette lowers saturation across every hue — colors with gray mixed in — so the set reads as restrained, dusty and sophisticated rather than bright.

7 palettes

Neutral color palettes

A neutral color palette is made of grays, off-whites, beiges and near-blacks — colors with little or no hue — that carry an interface's structure and let a single accent stand out.

6 palettes

Earthy and natural color palettes

An earthy color palette draws on the browns, ochres, olives, clays and sands of soil, wood and stone — warm, muted hues that read as organic and grounded.

7 palettes

Luxury and elegant color palettes

A luxury color palette pairs deep, low-lightness hues — navy, plum, forest, charcoal — with one metallic or warm accent such as gold, and generous near-white space, so the set reads as expensive and restrained.

6 palettes

Retro and vintage color palettes

A retro color palette revives the signature combinations of a past decade — 70s mustard and rust, 80s neon pink and cyan, mid-century teal and orange — usually with a slightly faded, print-like saturation.

5 palettes

Futuristic and tech color palettes

A futuristic color palette sets saturated, luminous accents — cyan, electric violet, acid green, magenta — against a near-black base, so colors read as light sources on a dark field.

6 palettes

Bright and vibrant color palettes

A bright color palette uses fully saturated hues at mid lightness — pure reds, oranges, yellows, greens and blues — so every color competes for attention and the set reads as energetic and playful.

9 palettes

Calming and soft color palettes

A calming color palette uses cool or desaturated hues at high lightness — sea greens, sky blues, lavenders, sage — with low contrast between them, so nothing on the page demands attention.

6 palettes

Dark color palettes

A dark color palette anchors on a near-black or deep-hued canvas at under 15% lightness and lifts every brand color enough to read on it, so the interface is dark-first rather than a light theme inverted.

8 palettes

Warm color palettes

A warm color palette is built from the red-to-yellow half of the color wheel — reds, oranges, corals, golds, terracottas — so the set reads as energetic, inviting and close.

8 palettes

Cool color palettes

A cool color palette is built from the green-to-violet half of the color wheel — blues, teals, sea greens, ice and slate — so the set reads as calm, trustworthy and receding.

7 palettes

Professional color palettes

A professional color palette uses a restrained, mostly cool or neutral set — navy, slate, teal, charcoal, off-white — with one controlled accent, so a product reads as credible, calm and trustworthy.

8 palettes

A palette is a starting point, not a stylesheet

Five swatches become an interface only once they have jobs. The palette generator assigns every curated palette here to the eight semantic roles and tints the grays to match; the theme generator adds type, radius and shadows and emits the Tailwind v4 stylesheet with dark mode derived. For the theory behind the moods, read the guides to color scheme types and choosing colors for an app, or look up any single color in the CSS color reference.

Open the palette generator

We'd like to use Google cookies to understand how Nodlume is used and to measure our advertising. Nothing loads until you choose, and declining does not affect anything in the app.