Skip to content
Musterli

Gradients

A collection of original gradients, computed in the OKLCH color space so the blends stay clean without a gray middle. Copy the CSS or open a gradient in the editor.

Design your own gradient

Warm

Yellow, orange and red for energy and warmth.

  • Alpenglow

    Warm yellow, orange and rose red like the last light on the peaks.

  • Apricot

    A gentle blend from creamy pale yellow to ripe apricot orange.

  • Embers

    A radial blend from golden yellow through orange to deep red, like glowing coals.

  • Pumpkin Patch

    Strong yellow and rich orange, running from left to right.

  • Terracotta

    From pale clay to burnt reddish brown, earthy and calm.

  • Cinnamon Star

    Pale cream, cinnamon and dark cocoa, as cozy as holiday baking.

Cool

Blue, turquoise and mint for calm and freshness.

  • Glacier

    Almost white ice blue that deepens into a strong blue towards the bottom.

  • Mountain Lake

    Clear turquoise and cool blue, like a lake on a summer morning.

  • North Wind

    A restrained blue gray, fresh and easy to read text on.

  • Rhine Falls

    Spray white, water green and deep blue in one long blend.

  • Foehn Sky

    Clear sky blue that tips into a soft violet.

  • Peppermint

    Pale mint to cool turquoise, light and clean.

Pastel

Light, soft tones for friendly surfaces.

  • Candy Floss

    Soft pink and lilac blue, playful and gentle.

  • Morning Dew

    A hint of green and a hint of blue, barely there and very fresh.

  • Macaron

    Pink, vanilla and pistachio side by side, like in a pastry shop.

  • Soap Bubble

    A conic blend of shimmering pastels that closes into a full circle.

Vivid

Strong colors that stand out.

  • Kingfisher

    Bright blue with an orange accent, like the bird's plumage.

  • Neon Night

    Pink, violet and cyan like neon signs on a rainy night.

  • Parrot

    Lime green, turquoise and blue, loud and cheerful.

  • Hibiscus

    A radial blend from orange to vivid pink.

  • Carnival

    Yellow, red and violet, as colorful as a carnival parade.

  • Northern Lights

    Green, turquoise and violet, like an aurora over a dark sky.

Dark

Deep tones for dark mode and light text.

  • Observatory

    A deep night blue that lightens from the top.

  • Fir Forest

    Dark fir green fading almost to black, calm and refined.

  • Deep Sea

    From petrol blue into darkness, ideal behind light text.

  • Volcano

    Glowing orange at the bottom edge, fading upwards into charred darkness.

  • Espresso

    Warm coffee brown to near black, subtle and dark.

Subtle

Nearly neutral blends for quiet backgrounds.

  • Sea of Fog

    Pale, almost neutral gray with a touch of blue, like fog over the lowlands.

  • Linen

    Warm natural white, ideal as a quiet page background.

  • Pebble

    Warm light gray turning into cool gray.

  • Parchment

    A radial blend of ivory and pale ochre.

  • Dawn Gray

    A gray with a warm start and a cool end, like the sky before sunrise.

  • Slate

    Medium to dark blue gray, matter of fact and modern.

Ready-made color palettes

More than 30 palettes by mood, with HEX, RGB and OKLCH values to copy.

Browse the palette collection