Nature Distilled

Stylegeneral

Muted earthy, skin tones, wood, soil, sand, terracotta, warmth, organic materials, handmade warmth. Best for Wellness brands, sustainable products, artisan goods, organic food, spa/beauty, home decor.

Muted earthy skin tones wood soil sand terracotta warmth organic materials

#C67B5C

#D4C4A8

#B5651D

#F5F0E1

#8B4513

#6B7B3C

#9C8B7A

Preview

A sample page drawn from this style’s tokens — a guide to the look, not the exact output.

New · weekly review

Plan the week in ten minutes

Pull in every task, see what matters, and share one clear plan with the team.

Get startedSee how it worksDocs

Tasks done1,284+12% this week

Emailyou@example.com

Remember meContinue

Today

Review roadmapDone

Ship onboardingIn progress

Team sync3 pm

Prompt

Paste into any AI assistant before describing what to build — or attach it to a project below.

# Visual style: Nature Distilled

Keywords: Muted earthy, skin tones, wood, soil, sand, terracotta, warmth, organic materials, handmade warmth
Primary colours: Terracotta #C67B5C, Sand Beige #D4C4A8, Warm Clay #B5651D, Soft Cream #F5F0E1
Secondary colours: Earth Brown #8B4513, Olive Green #6B7B3C, Warm Stone #9C8B7A, muted gradients
Effects & animation: Subtle parallax, natural easing (ease-out), texture overlays, grain effects, soft shadows
Best for: Wellness brands, sustainable products, artisan goods, organic food, spa/beauty, home decor
Do not use for: Tech startups, gaming, nightlife, corporate finance, high-energy brands

## Prompt keywords
Design with nature distilled aesthetic. Use: muted earthy colors (terracotta, sand, olive), organic materials feel, warm tones, handmade warmth, natural textures, artisan quality, sustainable vibe, soft gradients.

## CSS / technical
background: warm earth tones, color: #C67B5C #D4C4A8 #6B7B3C, border-radius: organic (varied), box-shadow: soft natural, texture overlays (grain), font: humanist sans-serif

## Implementation checklist
☐ Earth tones dominant, ☐ Warm feel achieved, ☐ Textures subtle, ☐ Handmade quality, ☐ Sustainable messaging, ☐ Calming aesthetic

## Design system variables
--terracotta: #C67B5C, --sand-beige: #D4C4A8, --warm-clay: #B5651D, --soft-cream: #F5F0E1, --olive-green: #6B7B3C, --grain-opacity: 0.1

Use it in an app

Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.

Start building — free I already have an account

From UI/UX Pro Max (MIT, commit 477bcb2).View source