Le jeu de réalité virtuelle le plus déjanté du moment vient d’ouvrir la porte aux […] Cet article 20 chats déchaînés en VR : I Am Cat devient multijoueur ! a été publié sur REALITE-VIRTUELLE.COM.

8 Sage Green Color Palettes You’ve Got to Experience In this article:See more ▼Post may contain affiliate links which give us commissions at no cost to you.There’s something undeniably calming about sage green that makes it one of my absolute favorite colors to work with as a designer. This muted, earthy hue has this incredible ability to ground a space while still feeling fresh and contemporary. Whether you’re working on a branding project, designing an interior space, or creating digital content, sage green offers a versatility that few colors can match. What I love most about sage green is how it bridges the gap between trendy and timeless. It’s not going anywhere anytime soon, and honestly, I don’t think it ever should. This sophisticated color has been quietly revolutionizing design palettes across every industry, and today I’m excited to share eight of my favorite sage green color combinations that will elevate your next project. 👋 Psst... Did you know you can get unlimited downloads of 59,000+ fonts and millions of other creative assets for just $16.95/mo? Learn more »The 8 Most Inspiring Sage Green Color Palettes 1. Garden Fresh #D2E5C4 #B2C69E #95B07B #79955D #5A743C Download this color palette 735×1102 Pinterest image 2160×3840 Vertical wallpaper 900×900 Square 3840×2160 4K Wallpaper This monochromatic sage palette is pure perfection for anyone wanting to create depth without complexity. I use this combination constantly in botanical-themed projects because it captures every shade of green you’d find in a thriving garden. The progression from light to dark creates natural hierarchy, making it incredibly functional for both print and digital work. 2. Misty Morning #BDC9BB #ACBAA1 #B2C1A2 #A4B1A0 #ADC3B7 Download this color palette 735×1102 Pinterest image 2160×3840 Vertical wallpaper 900×900 Square 3840×2160 4K Wallpaper When I need something soft and ethereal, this is my go-to palette. These gentle sage tones remind me of early morning fog rolling over hills. It’s perfect for wellness brands, spa environments, or any project that needs to evoke tranquility and peace. The subtle variations create interest without ever feeling overwhelming. 3. Harvest Moon #9AAB89 #647056 #D6C388 #F8C565 Download this color palette 735×1102 Pinterest image 2160×3840 Vertical wallpaper 900×900 Square 3840×2160 4K Wallpaper Get 300+ Fonts for FREEEnter your email to download our 100% free "Font Lover's Bundle". For commercial & personal use. No royalties. No fees. No attribution. 100% free to use anywhere. The combination of sage green with warm golds creates magic every single time. This palette captures that perfect autumn moment when the light hits everything just right. I love using this for brands that want to feel both grounded and optimistic – it’s earthy sophistication with a sunny disposition. 4. Moody Botanical #4D5D42 #6A894B #8DA67E #9B999A #C6B5DF Download this color palette 735×1102 Pinterest image 2160×3840 Vertical wallpaper 900×900 Square 3840×2160 4K Wallpaper For projects that need a bit more drama, this palette delivers beautifully. The deeper sage tones paired with that unexpected lavender create intrigue without losing the calming essence of green. I find this combination works wonderfully for upscale restaurants or luxury lifestyle brands that want to feel approachable yet refined. 5. Countryside Charm #A3AC9A #8A9A5B #93A395 #748B74 #827D67 Download this color palette 735×1102 Pinterest image 2160×3840 Vertical wallpaper 900×900 Square 3840×2160 4K Wallpaper This palette feels like a walk through the English countryside – all rolling hills and weathered stone walls. The mix of sage greens with those earthy undertones creates incredible depth. I use this combination for projects that need to feel established and trustworthy, like financial services or heritage brands. 6. Industrial Farmhouse Zen #CED3D2 #3F5054 #6F675E #9CAB86 #C8CAB5 Download this color palette 735×1102 Pinterest image 2160×3840 Vertical wallpaper 900×900 Square 3840×2160 4K Wallpaper The marriage of sage green with industrial grays might seem unexpected, but it creates this incredibly sophisticated modern aesthetic. This palette is perfect for tech companies or architectural firms that want to feel innovative yet grounded. The sage adds warmth to what could otherwise be cold, sterile colors. 7. Desert Sage #9AAB89 #B2AC88 #A06464 #8C909C #C9AD99 Download this color palette 735×1102 Pinterest image 2160×3840 Vertical wallpaper 900×900 Square 3840×2160 4K Wallpaper Inspired by the American Southwest, this palette combines sage with dusty terra cottas and warm beiges. There’s something so comforting about these colors together – they feel like sunset in the desert. I love using this for hospitality brands or any project that wants to evoke adventure and warmth. 8. Forest Floor #B2C69E #ACB6A6 #5B7553 #745000 #462800 Download this color palette 735×1102 Pinterest image 2160×3840 Vertical wallpaper 900×900 Square 3840×2160 4K Wallpaper This rich, earthy combination takes sage green into deeper territory with those gorgeous chocolate browns. It reminds me of walking through an old-growth forest where the light filters through layers of leaves. Perfect for organic brands, outdoor companies, or any project that wants to feel authentic and connected to nature. Why Sage Green Is Having Its Moment As someone who’s been watching color trends for years, I can tell you that sage green’s popularity isn’t just a passing fad. This color speaks to our collective desire for calm in an increasingly chaotic world. It’s the visual equivalent of taking a deep breath – immediately soothing and centering. The rise of biophilic design has also played a huge role in sage green’s dominance. As we spend more time indoors, we’re craving those connections to nature, and sage green delivers that botanical feeling without being overly literal. It’s nature-inspired design at its most sophisticated. What makes sage green particularly special is its incredible adaptability. Unlike brighter greens that can feel overwhelming or dated, sage green has this chameleon-like quality that allows it to work in virtually any context. Pair it with warm woods and it feels rustic; combine it with metallics and it becomes luxurious; add some crisp whites and suddenly it’s Scandinavian minimalism. Mastering Sage Green in Your Design Work The key to working with sage green successfully is understanding its undertones. Some sage greens lean more yellow, others more blue or gray. Recognizing these subtle differences will help you create more cohesive palettes and avoid color clashes that can make your work feel off. I always recommend testing your sage green palettes in different lighting conditions. What looks perfect on your computer screen might feel completely different in natural light or under warm artificial lighting. This is especially crucial for interior design projects or any work that will be viewed in physical spaces. When building palettes around sage green, I like to think about the mood I’m trying to create. For calm, peaceful vibes, I’ll pair it with other muted tones and plenty of white space. For something more energetic, I might add unexpected pops of coral or sunny yellow. The beauty of sage green is that it’s such a diplomatic color – it plays well with almost everything. Sage Green Across Different Design Applications Branding and Logo Design In branding work, sage green communicates reliability, growth, and environmental consciousness without hitting people over the head with it. I love using it for wellness companies, sustainable brands, and professional services that want to feel approachable. The key is pairing it with typography that reinforces your brand personality – clean sans serifs for modern feels, or elegant serifs for more traditional approaches. Interior Spaces Sage green walls have become incredibly popular, and for good reason. The color creates an instant sense of calm while still feeling current. I particularly love using darker sage greens in dining rooms or bedrooms where you want that cozy, enveloping feeling. Lighter sages work beautifully in kitchens and bathrooms where you want freshness without the sterility of pure white. Digital Design For websites and apps, sage green offers a refreshing alternative to the blues and grays that dominate digital design. It’s easy on the eyes, which makes it perfect for apps focused on wellness, meditation, or any platform where users will spend extended time. Just be mindful of accessibility – always test your sage green backgrounds with various text colors to ensure proper contrast ratios. Product Design The natural, organic feeling of sage green makes it perfect for product packaging, especially in the beauty, food, and wellness sectors. It communicates quality and naturalness without feeling overly earthy or crunchy. I’ve seen it work beautifully on everything from skincare packaging to high-end kitchen appliances. The Psychology Behind Sage Green’s Appeal Color psychology tells us that green represents growth, harmony, and balance – all things we desperately need in our modern lives. But sage green takes these positive associations and adds sophistication. It’s green without the intensity, nature without the rawness. There’s also something inherently honest about sage green. It doesn’t try too hard or demand attention the way brighter colors do. This authenticity resonates with consumers who are increasingly skeptical of brands that feel forced or overly polished. Sage green whispers where other colors shout, and sometimes that’s exactly what your message needs. Looking Forward: Sage Green’s Staying Power While I can’t predict the future, I’m confident that sage green will remain relevant for years to come. It hits all the right notes for contemporary design – it’s calming without being boring, natural without being literal, and sophisticated without being pretentious. The color also photographs beautifully, which matters more than ever in our Instagram-driven world. Whether it’s a sage green accent wall or a product shot featuring sage packaging, this color translates perfectly to social media, helping brands create that coveted “aesthetic” that drives engagement. As we continue to prioritize wellness and sustainability in design, sage green offers the perfect visual shorthand for these values. It’s a color that makes people feel good, and in a world that often doesn’t, that’s incredibly powerful. Bringing It All Together These eight sage green palettes represent just the beginning of what’s possible with this incredible color. Whether you’re drawn to the monochromatic serenity of Garden Fresh or the unexpected sophistication of Industrial Zen, there’s a sage green palette that can elevate your next project. The secret to success with sage green is trusting its natural elegance. Don’t feel like you need to overstyling or complicate things – sage green’s beauty lies in its understated sophistication. Let it be the calm, confident foundation that allows other elements of your design to shine. So go ahead and embrace the sage green revolution. Your designs (and your stress levels) will thank you for it. After all, in a world full of visual noise, sometimes the most powerful statement you can make is a quiet one. Riley Morgan Riley Morgan is a globe-trotting graphic designer with a sharp eye for color, typography, and intuitive design. They are a color lover and blend creativity with culture, drawing inspiration from cities, landscapes, and stories around the world. When they’re not designing sleek visuals for clients, they’re blogging about trends, tools, and the art of making design feel like home—wherever that may be. 8 Stunning Sunset Color PalettesThere’s something absolutely magical about watching the sun dip below the horizon, painting the sky in breathtaking hues that seem...10 Warm Color Palettes That’ll Brighten Your DayThere’s nothing quite like the embracing quality of warm colors to make a design feel inviting and alive. As someone...10 Luxurious Jewel Tone Color PalettesAs a designer who’s always searching for color combinations that exude sophistication and richness, I find myself constantly returning to...

“Wait, can users actually add products to the cart?”Every prototype faces that question or one like it. You start to explain it’s “just Figma,” “just dummy data,” but what if you didn’t need disclaimers?What if you could hand clients—or your team—a working, data-connected mock-up of their website, or new pages and components, in less time than it takes to wireframe?That’s the challenge we’ll tackle today. But first, we need to look at:The problem with today’s prototyping toolsPick two: speed, flexibility, or interactivity.The prototyping ecosystem, despite having amazing software that addresses a huge variety of needs, doesn’t really have one tool that gives you all three.Wireframing apps let you draw boxes in minutes but every button is fake. Drag-and-drop builders animate scroll triggers until you ask for anything off-template. Custom code frees you… after you wave goodbye to a few afternoons.AI tools haven’t smashed the trade-off; they’ve just dressed it in flashier costumes. One prompt births a landing page, the next dumps a 2,000-line, worse-than-junior-level React file in your lap. The bottleneck is still there. Builder’s approach to website mockupsWe’ve been trying something a little different to maintain speed, flexibility, and interactivity while mocking full websites. Our AI-driven visual editor:Spins up a repo in seconds or connects to your existing one to use the code as design inspiration. React, Vue, Angular, and Svelte all work out of the box. Lets you shape components via plain English, visual edits, copy/pasted Figma frames, web inspos, MCP tools, and constant visual awareness of your entire website. Commits each change as a clean GitHub pull request your team can review like hand-written code. All your usual CI checks and lint rules apply.And if you need a tweak, you can comment to @builderio-bot right in the GitHub PR to make asynchronous changes without context switching.This results in a live site the café owner can interact with today, and a branch your devs can merge tomorrow. Stakeholders get to click actual buttons and trigger real state—no more “so, just imagine this works” demos.Let’s see it in action.From blank canvas to working mockup in five promptsToday, I’m going to mock up a fake business website. You’re welcome to create a real one.Before we fire off a single prompt, grab a note and write:Business name & vibe Core pages Primary goal Brand palette & toneThat’s it. Don’t sweat the details—we can always iterate. For mine, I wrote:1. Sunny Trails Bakery — family-owned, feel-good, smells like warm cinnamon. 2. Home, About, Pricing / Subscription Box, Menu (with daily specials). 3. Drive online orders and foot traffic—every CTA should funnel toward “Order Now” or “Reserve a Table.” 4. Warm yellow, chocolate brown, rounded typography, playful copy.We’re not trying to fit everything here. What matters is clarity on what we’re creating, so the AI has enough context to produce usable scaffolds, and so later tweaks stay aligned with the client’s vision. Builder will default to using React, Vite, and Tailwind. If you want a different JS framework, you can link an existing repo in that stack. In the near future, you won’t need to do this extra step to get non-React frameworks to function.(Free tier Builder gives you 5 AI credits/day and 25/month—plenty to follow along with today’s demo. Upgrade only when you need it.)An entire website from the first promptNow, we’re ready to get going.Head over to Builder.io and paste in this prompt or your own:Create a cozy bakery website called “Sunny Trails Bakery” with pages for: • Home • About • Pricing • Menu Brand palette: warm yellow and chocolate brown. Tone: playful, inviting. The restaurant is family-owned, feel-good, and smells like cinnamon. The goal of this site is to drive online orders and foot traffic—every CTA should funnel toward "Order Now" or "Reserve a Table."Once you hit enter, Builder will spin up a new dev container, and then inside that container, the AI will build out the first version of your site. You can leave the page and come back when it’s done.Now, before we go further, let’s create our repo, so that we get version history right from the outset. Click “Create Repo” up in the top right, and link your GitHub account.Once the process is complete, you’ll have a brand new repo.If you need any help on this step, or any of the below, check out these docs.Making the mockup’s order system workFrom our one-shot prompt, we’ve already got a really nice start for our client. However, when we press the “Order Now” button, we just get a generic alert. Let’s fix this.The best part about connecting to GitHub is that we get version control. Head back to your dashboard and edit the settings of your new project. We can give it a better name, and then, in the “Advanced” section, we can change the “Commit Mode” to “Pull Requests.”Now, we have the ability to create new branches right within Builder, allowing us to make drastic changes without worrying about the main version. This is also helpful if you’d like to show your client or team a few different versions of the same prototype.On a new branch, I’ll write another short prompt:Can you make the "Order Now" button work, even if it's just with dummy JSON for now?As you can see in the GIF above, Builder creates an ordering system and a fully mobile-responsive cart and checkout flow.Now, we can click “Send PR” in the top right, and we have an ordinary GitHub PR that can be reviewed and merged as needed.This is what’s possible in two prompts. For our third, let’s gussy up the style.If you’re like me, you might spend a lot of time admiring other people’s cool designs and learning how to code up similar components in your own style.Luckily, Builder has this capability, too, with our Chrome extension. I found a “Featured Posts” section on OpenAI’s website, where I like how the layout and scrolling work. We can copy and paste it onto our “Featured Treats” section, retaining our cafe’s distinctive brand style.Don’t worry—OpenAI doesn’t mind a little web scraping.You can do this with any component on any website, so your own projects can very quickly become a “best of the web” if you know what you’re doing.Plus, you can use Figma designs in much the same way, with even better design fidelity. Copy and paste a Figma frame with our Figma plugin, and tell the AI to either use the component as inspiration or as a 1:1 to reference for what the design should be.(You can grab our design-to-code guide for a lot more ideas of what this can help you accomplish.)Now, we’re ready to send our PR. This time, let’s take a closer look at the code the AI has created.As you can see, the code is neatly formatted into two reusable components. Scrolling down further, I find a CSS file and then the actual implementation on the homepage, with clean JSON to represent the dummy post data.Design tweaks to the mockup with visual editsOne issue that cropped up when the AI brought in the OpenAI layout is that it changed my text from “Featured Treats” to “Featured Stories & Treats.” I’ve realized I don’t like either, and I want to replace that text with: “Fresh Out of the Bakery.”It would be silly, though, to prompt the AI just for this small tweak. Let’s switch into edit mode.Edit Mode lets you select any component and change any of its content or underlying CSS directly. You get a host of Webflow-like options to choose from, so that you can finesse the details as needed.Once you’ve made all the visual changes you want—maybe tweaking a button color or a border radius—you can click “Apply Edits,” and the AI will ensure the underlying code matches your repo’s style.Async fixes to the mockup with Builder BotNow, our pull request is nearly ready to merge, but I found one issue with it:When we copied the OpenAI website layout earlier, one of the blog posts had a video as its featured graphic instead of just an image. This is cool for OpenAI, but for our bakery, I just wanted images in this section. Since I didn’t instruct Builder’s AI otherwise, it went ahead and followed the layout and created extra code for video capability.No problem. We can fix this inside GItHub with our final prompt. We just need to comment on the PR and tag builderio-bot. Within about a minute, Builder Bot has successfully removed the video functionality, leaving a minimal diff that affects only the code it needed to. For example: Returning to my project in Builder, I can see that the bot’s changes are accounted for in the chat window as well, and I can use the live preview link to make sure my site works as expected:Now, if this were a real project, you could easily deploy this to the web for your client. After all, you’ve got a whole GitHub repo. This isn’t just a mockup; it’s actual code you can tweak—with Builder or Cursor or by hand—until you’re satisfied to run the site in production.So, why use Builder to mock up your website?Sure, this has been a somewhat contrived example. A real prototype is going to look prettier, because I’m going to spend more time on pieces of the design that I don’t like as much.But that’s the point of the best AI tools: they don’t take you, the human, out of the loop.You still get to make all the executive decisions, and it respects your hard work. Since you can constantly see all the code the AI creates, work in branches, and prompt with component-level precision, you can stop worrying about AI overwriting your opinions and start using it more as the tool it’s designed to be.You can copy in your team’s Figma designs, import web inspos, connect MCP servers to get Jira tickets in hand, and—most importantly—work with existing repos full of existing styles that Builder will understand and match, just like it matched OpenAI’s layout to our little cafe.So, we get speed, flexibility, and interactivity all the way from prompt to PR to production.Try Builder today.

html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd" The 2025 Serpentine Pavilion has opened to the public today, on 6 June, in London's Kensington Gardens. Named A Capsule in Time, the pavilion, designed by Bangladeshi architect and educator Marina Tabassum and her firm, Marina Tabassum Architects (MTA), the design discusses the permanent and ephemeral aspects of the commission. The Serpentine Pavilion will be on view in London's Kensington Gardens from June 6th to October 26th, 2025.The pavilion, which runs along the park's north-south axis, has a center court that lines up with Serpentine South's bell tower and an elongated capsule-like shape. The building, which consists of four wooden sculptures with a translucent façade that diffuses and dapples light as it enters the room, was inspired by summer park visitors and arched garden canopies that filter warm daylight through verdant greenery. A kinetic component that allows one of the capsule forms to move, link, and change the Pavilion into a new area is essential to Tabassum's design.Drawing inspiration from the history and architectural heritage of South Asian Shamiyana tents or awnings, Tabassum's design emphasizes the sensory and spiritual possibilities of architecture through scale and the interaction of light and shadow. Made of cloth and held up by bamboo poles, these structures serve a similar dynamic purpose and are frequently set up for outdoor events and festivities. The potential to bring people together through dialogue, networking, live events, and public gatherings is welcomed by Tabassum's Pavilion's openness.In keeping with Dame Zaha Hadid's philosophy of pushing the limits of architecture, Tabassum's Pavilion will commemorate the 25th anniversary of this groundbreaking project.Like many of Tabassum's earlier projects, the Pavilion is built around a semi-mature Ginkgo tree, a climate-resilient tree species that dates back to the early Jurassic Period. It takes into account the threshold between inside and outside, the tactility of material, lightness and darkness, height and volume. The leaves of the Gingko tree will gradually change from green to a brilliant gold-yellow color during the summer and into the fall. The choice of a gingko was motivated by the species' demonstrated climate change resistance and its contribution to Kensington Gardens' varied treescape. After the Pavilion closes in October, the species—which is immune to many modern pests and diseases—will be transplanted in the park.Tabassum elaborates on her idea for the Pavilion to serve as a multipurpose area where guests can congregate and bond via dialogue and information exchange in an age of growing censorship. The books that Tabassum and her colleagues at MTA have put together honor the diversity of Bangladesh, Bengali literature, poetry, ecology, and culture. It is housed on shelves that are integrated into the building and references the Pavilion's afterlife, which is a library that is accessible to everyone and is no longer located on Serpentine's lawn.“The Serpentine Pavilion celebrates the London summer—a time to be outdoors, connecting with friends and family in Kensington Gardens. We want to celebrate the tradition of park-going. "On a sunny day, the play of filtered daylight through the translucent facade draws on the memory of being under a Shamiyana at a Bengali wedding. Built from bamboo and decorated cloth, Shamiyanas convene hundreds of guests on any occasion," said Marina Tabassum, Architect, Marina Tabassum Architects (MTA). The Serpentine Pavilion offers a unique platform under the summer sun to unite as people rich in diversity. How can we transcend our differences and connect as humans?.""The Serpentine Pavilion offers a place where people of diverse backgrounds, ages and cultures can come together under one roof and call for action, facilitating dialogues that expand our boundaries of tolerance and respect," Tabassum added."We are thrilled to be working with Marina and her team on this year's Pavilion. The project, with its tight timescales and unique engineering challenges, is always particularly rewarding for our team of engineers and project managers," said Jon Leach, Director of AECOM. "Celebrating our thirteenth year on the Pavilion, it is fantastic to work with the Serpentine and the entire team once again to bring this year's design to life," Leach added.In 2024, architect, researcher and educator Marina Tabassum was named as the world's most influential architects in the 2024 TIME100 Next List by TIME Magazine. In 20216, Tabassum was awarded the Aga Khan Award for Architecture with Bait Ur Rouf Mosque, Dhaka, Bangladesh.Founded in 2005 after Tabassum's ten-year partnership with URBANA, Marina Tabassum Architects has created environmentally, politically, and socially concerned architectural designs. MTA carries out research on environmental deterioration in Bangladesh, a country particularly susceptible to the effects of climate change, in addition to buildings situated in Dhaka, the surrounding areas, and other regions of the country.All images © Iwan Baan, courtesy of Serpentine.> via Serpentine Galleries 

Installations on corporate campuses are often more than just eye candy. They’re a preview of the company’s ethos, a physical expression of how they think and create. So it’s no surprise that Google’s latest architectural addition doesn’t just stand out – it computes. The Orb designed by Marc Fornes, founder of art and architecture studio THEVERYMANY, is a jaw-dropping pavilion that lives on the tech giant’s Charleston East Campus. With its swirling, code-born structure and shimmering, spaceship-like exterior, The Orb looks like something generated by an algorithm, and that’s because it is. Set against a backdrop of tree-lined paths and native landscaping, The Orb rises like an artifact from another world – yet feels perfectly at home alongside Google’s modern campus. Measuring 10 meters tall and 26 meters wide, it makes a striking first impression. Despite being constructed from aluminum just 3mm thick, the structure is entirely self-supporting – a feat made possible through advanced computational design and Fornes’ longtime fascination with using algorithms and code to generate form. From afar, it resembles a futuristic seedpod or celestial vessel; up close, its perforated skin creates a shifting experience that changes with the weather. Part sculpture, part shelter, The Orb invites curious passersby to pause, step inside, and explore. On sunny days, daylight filters through the aluminum skin, casting dappled shadows across the ground while the canopy above evokes a starry night. Come evening, the installation glows with ground-level spotlights, turning its surface into a mesmerizing play of light and shadow that amplifies its sculptural presence. Though its fluid form suggests it was forged from a single sheet of metal, The Orb is actually composed of 6,441 individual aluminum pieces held together by more than 217,000 rivets – a fact that underscores the sculpture’s dual identity as both architecture and art. “For architects, we’re too much of an artist; for artists, too much of an architect,” says Fornes. That in-between sensibility is exactly what makes The Orb so compelling: it defies easy categorization, blending structure, sculpture, and spatial experience into something entirely new. It’s a fitting symbol of innovation – one that mirrors Google’s own ethos of pushing boundaries through design and technology. For more information on The Orb, visit theverymany.com. Photography by Younes Bounhar of Doublespace Photography.