Organic Biophilic

Stylegeneral

Nature, organic shapes, green, sustainable, rounded, flowing, wellness, earthy, natural textures. Best for Wellness apps, sustainability brands, eco products, health apps, meditation, organic food brands.

Nature organic shapes green sustainable rounded flowing wellness earthy

#228B22

#8B4513

#87CEEB

#F5F5DC

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: Organic Biophilic

Keywords: Nature, organic shapes, green, sustainable, rounded, flowing, wellness, earthy, natural textures
Primary colours: #228B22 (Forest Green), #8B4513 (Earth Brown), #87CEEB (Sky Blue), #F5F5DC (Beige)
Secondary colours: Natural gradients, earth tones, sky blues, organic textures, wood/stone colors
Effects & animation: Rounded corners (16-24px), organic curves (border-radius variations), natural shadows, flowing SVG shapes
Best for: Wellness apps, sustainability brands, eco products, health apps, meditation, organic food brands
Do not use for: Tech-focused products, gaming, industrial, urban brands

## Prompt keywords
Design a biophilic organic interface. Use: nature-inspired colors (greens, browns), organic curved shapes, rounded corners (16-24px), natural textures (wood, stone), flowing SVG elements, wellness aesthetic, earthy palette.

## CSS / technical
border-radius: 16-24px (varied), background: earth tones, SVG organic shapes (blob), box-shadow: natural soft, color: #228B22 #8B4513 #87CEEB, texture overlays (subtle)

## Implementation checklist
☐ Earth tones dominant, ☐ Organic curves present, ☐ Natural textures subtle, ☐ Green accents, ☐ Rounded everywhere, ☐ Calming feel

## Design system variables
--forest-green: #228B22, --earth-brown: #8B4513, --sky-blue: #87CEEB, --cream-bg: #F5F5DC, --organic-radius: 24px, --shadow-soft: 0 8px 32px rgba(0,0,0,0.08)

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