Today, we’re stepping into the world of French colonial architecture in Vietnam. This isn’t just a history lesson, but a dive into the vibrant colour palettes and textures that overlay these timeless structures.
For graphic designers and web developers, this exploration is packed with inspiration and practical tips to incorporate these classic elements into modern design projects.
The Palette and Its Charm
Vietnam’s French colonial buildings are a delightful fusion of European elegance and local charm. The colour palette is both soothing and rich, providing endless possibilities for creative application.
Traditional Colonial Colours:
- Saffron Yellow (#F4C430): This warm, bright golden hue graces many colonial buildings, evoking a sense of heritage and warmth.
- Indochine Green (#446B32): A deep, calming green that reflects the lush tropical surroundings.
- Colonial Red (#9D2235): A bold, striking red, often seen on roofs and decorative elements.
Faded Colonial Colours
Over time colours that are painted fade and change. One of the admirable things about the planning of the colonial French, is that they kept in mind what a colour would turn into after 10-20 years. This same principle worked with the copper domes and tiles, that were designed in the palette with the rusting in mind, turning the copper orange, into a beautiful turquoise green rust. This same principle was applied to the building painting where the fade was planned for. These are the faded shades that are quite calming and attractive.
Colonial Yellow / Buff (#F0CF84): This sophisticated shade captures the essence of colonial aesthetics, reminiscent of sunlit manor houses and tranquil countryside settings. With its soft and understated tone, Colonial Yellow adds a touch of refinement to any space, creating a welcoming and cozy atmosphere. Whether used as an accent colour or as the main palette choice, Colonial Yellow brings a sense of tradition and heritage, infusing spaces with a sense of history and sophistication. Embrace the subtle beauty of Colonial Yellow to impart a touch of vintage flair and understated luxury to your design projects.
Jungle Green (#015F49): This deep, earthy green color evokes images of verdant canopies, teeming with life and energy. Jungle Green embodies the essence of nature’s abundance, bringing a sense of vitality and renewal to any space it graces. The hue exudes a feeling of freshness and growth, capturing the untamed beauty of the jungle landscape. Whether used in interior design, graphic projects, or fashion, Jungle Green adds a touch of natural sophistication and a connection to the wild, making it a versatile and captivating choice for those seeking to infuse their creations with a sense of adventure and exploration.
As a design director of Tokyo Design Studio Australia, my first visit to Linh Cafe on Bui Thi Xuan Street, Saigon, was a revelation. Stepping into the space, the colours immediately transported me to another era. The Colonial Yellow walls against the Indochine Green accents created a harmonious yet vibrant ambiance. It was like walking into a painting, each hue narrating a tale of its own.
Significance and Historical Context
Each colour in this palette holds historical significance. Colonial Yellow was often used to reflect the tropical sunlight and deflect heat, while Indochine Green symbolised the connection to nature. Colonial Red, with its bold presence, signified the strength and resilience of the architecture.
Champagne Arvo: Palettes featuring Colonial Yellow #F0CF84
Country Aristocrat: Palettes featuring Colonial Yellow #F0CF84
Champagne Arvo: Palettes featuring Colonial Yellow #F0CF84
Lush Aquatics: Palettes featuring Jungle Green #015E49
Winter Cottage: Palettes featuring Jungle Green #015E49
Sweet Mahogany: Palette featuring
Texture and Inspiration
Textures are as crucial as colours in French colonial architecture. The worn rust brown, mixed with turquoise, adds a rustic charm that is both nostalgic and contemporary. These textures can serve as wonderful backgrounds or focal points in design projects.
Practical Applications
The interplay of colour and texture can elevate your design projects. Here are some ideas:
- Web page design: Use Saffron Yellow as a bold background, with Indochine Green for text and Colonial Red for highlights.
- Logo design: Incorporate the colour palette to create a unique brand identity that evokes the charm of the French colonial era.
- Social media graphics: Craft visually appealing posts focusing on lifestyle and travel themes.
- Brochure design: Create engaging brochures for businesses or tourism, capturing the elegance and nostalgia of Vietnam’s architecture.
- Packaging design: Design food or retail packaging using the palette to add a touch of exotic sophistication.
- Interior design inspiration: Visualise home or office spaces with these colours for a modern take on the colonial era.
- App design: Implement the palette in app interfaces for a visually stunning experience.
- Email newsletter template: Make newsletters more engaging and attractive using the colour scheme.
- Poster and banner design: Design eye-catching promotional materials.
- Photography editing: Enhance and unify photos with the palette to create a cohesive visual story.
Font Combinations
Choosing the right fonts is crucial in complementing these rich colours and textures. Here are ten fonts that work beautifully with this palette:
- Awesome Serif Family – Elegant and timeless.
- Forma DJ Banner Bold – Clean and modern.
- Tangier – Dreamy and sophisticated.
- Objectivity Family – Bold and contemporary.
- Ganos – Sophisticated and versatile.
- Clash Display – Traditional and refined.
- Desirable Calligraphy – Exaggerated and flashy.
- Druk Bold – Dynamic and lively.
- Gatheraz – Geometric and classic.
- Trattatello – Artisanal and custom.
Case Study: Linh Cafe
Linh Cafe is a quintessential example of French colonial style in a modern setting. It’s a two-level cafe adorned with:
- Rectangular windows with patterned security frames: Allowing ample natural light.
- Pastel-coloured walls in soothing shades.
- Wrought iron balconies for a touch of elegance.
- Red-tiled roof adding to the cafe’s charm.
- Mosaic tile floors with intricate designs.
- Tiny staircase as a focal point.
- Rusted brown and turquoise metal chairs with a vintage feel.
- Cracked vintage tiles retaining their beauty.
These elements can be translated into graphic and web design projects by using close-up shots of textures as backgrounds, incorporating the colour palette in visual elements, and selecting fonts that enhance the overall aesthetic.
Inspiration
The French colonial colour palette and textures offer a timeless appeal for designers. They provide a rich source of inspiration that can be adapted to various modern design projects.
Explore your interpretations of this palette, and don’t hesitate to experiment with different combinations. The beauty of design lies in its ability to evolve and adapt, just like these timeless architectural elements.
Final Thoughts
The colours and textures of French colonial architecture in Vietnam are not just historical artefacts but living, breathing inspirations for modern design. By integrating these elements into your projects, you can create graphics that are not only visually stunning but also rich in cultural heritage.
Happy designing!
Jess Tavitian, Art Direction, Tokyo Design Studio
About the Author:
Jess Tran Tavitian is the co-founder & design director of Design Magazine and TDS Australia. She grew up in Vietnam and later moved to Japan and Australia. Currently she resides in Saigon, Vietnam with her family and operates the design studio based in Saigon.
Tokyo Design Studio provides brand design, web design and video production services. With creative expertise, execution capability, and storytelling skills, we materialise solutions, shape directions, and create products to accompany and support your business branding process on a unique path.
Continue reading: Design Psychology · Brand Strategy · Creative Strategies · Art History · Design Theology
Design Magazine welcomes perspectives from designers, strategists, and creative thinkers worldwide. We also accept nominations for the Design Magazine Awards — no entry fees, ever. Write for us →
Published by Design Magazine, an editorial platform by TDS Australia. Research citations supported by the Scientific Institute of Generative Intelligence. Design Magazine is editorially independent. Our parent studio also operates TDS DaaS, TDS Geo Agency, and TDS Game Outsource.
