Organic Biophilic
Also called: Biophilic design, Nature UI, Green organic
Leaf greens, blob shapes and petal-cornered cards on a fresh, lightly textured ground — interfaces that feel planted, not built.
Design keywords
Say these words to ask for this style.
Biophilic UI brings the outdoors in: a pale sage ground with soft fibre texture, leaf silhouettes drifting in the background, and every component shaped like something that grew. Cards and buttons use leaf corners (two big radii, two small), icons and avatars sit in wobbling blobs, and charts read like plants — rounded bars, dew-drop heatmaps, green-to-sun gradients. Type is rounded and friendly so the whole thing feels warm, breathable and alive.
Best for
- Wellness, yoga and meditation apps
- Plant shops, gardening and farm-to-table brands
- Sustainability, climate and NGO sites
- Eco-friendly consumer products
Avoid for
- Fintech or trading tools that need sharp precision
- Gaming and nightlife brands
- Dense enterprise admin panels
✓ Do
- Use leaf corners (40px 10px 40px 10px) on cards and petal corners (999px 10px 999px 10px) on buttons and chips, consistently
- Keep greens dominant (60%+) with one warm sun accent
- Put blob shapes behind icons, avatars and hero art, never behind body text
✕ Don't
- Don’t use neon or synthetic lime greens
- Don’t mix sharp 0px corners with the blob language
- Avoid stock leaf clip-art at full opacity — keep silhouettes at 10–14%
Not to be confused with
On mobile
Keep leaf corners on cards and the floating tab bar, but drop the drifting leaf silhouettes to one per screen. Blobs behind avatars and list icons carry the identity cheaply; skip the fibre texture on low-end devices.
Prompt builder
Paste into Claude, Cursor, v0, Lovable or any coding agent to recreate this style.