Design tools

Mockups in minutes: Lunacy’s auto shape colors for faster designs

Learn how Lunacy’s auto shape color simplify modern website mockups with automatic color application and faster workflows.

Designing mockups shouldn’t be a tedious, repetitive task. Drawing grey rectangles over grey rectangles and manually tweaking each color wastes valuable time. With Lunacy’s auto-shaped colors, the process is streamlined, letting you design mockups faster and with less effort—so you can focus on creativity instead of routine tasks.

How auto shape colors work

When you create shapes in Lunacy, the app automatically applies colors based on:

  • Shape size. Smaller shapes are assigned darker colors, while larger ones get lighter tones for a balanced, professional look.
  • Background context. Colors are adjusted to complement the current background, ensuring contrast and readability in your mock-up design.

The mock-up designs are done at lightning speed without worrying about picking colors manually.

Customizing your palette

Each new document includes default color variables (main, accent, background, text) organized under the Palette group in the Variables tab. You can:

  • Generate a new palette. Click the palette generation option.
  • Manually adjust colors. Click any color circle to open the color picker and make changes.

Reverting to default gray

Prefer gray shapes? Simply delete the Palette group from the Variables tab to disable auto-coloring.

Lunacy’s auto shape colors let you design faster, keeping your mockups consistent and professional. Try it today to streamline your workflow.

Try auto shape colors in Lunacy
DOWNLOAD
Adeline Knight

Content writer at Icons8. Vinyl record collector, amateur photographer

Recent Posts

What are monochromatic colors?

Monochromatic color = one hue, many values. Learn what it is, why it works, examples,…

1 week ago

Is the three-click rule just some three-word bullshit?

A blunt look at why “three clicks” isn’t a usability law, what actually drives task…

2 weeks ago

Ultimate guide to table of contents design (15 inspiring examples + pro tips)

Your cover may hook them, but the contents page keeps them. Learn how to design…

3 weeks ago

50+ tested AI image prompts for content creators who want to stand out

Because your feed shouldn't look like it was generated by the same three people. (more…)

4 weeks ago

Poster ideas & examples: creative poster design explained

From bold typography to organic abstracts, explore creative poster layouts with pro tips to adapt…

2 months ago

Using Garamond in 2025 without looking like you’re stuck in 1995

Everyone's out here saying "don't use Garamond" like it's 2015. Spoiler alert: it's not.

2 months ago

This website uses cookies.