Manila
Meet Manila (#E7C9A9), a warm, muted beige that offers a sophisticated alternative to stark whites. Its gentle, sandy quality provides a soft, organic foundation for palettes, bringing a subtle luminosity and tactile feel to any design without overwhelming the eye.
What color is Manila?
Manila is a warm, pale tint of brown with noticeable yellow undertones, giving it the soft appearance of a sun-bleached piece of paper.
This low-saturation neutral sits between cream and a light tan, providing a warm temperature and an earthy, approachable feel.
What is the meaning of the color Manila (#E7C9A9) in UI design?
The color Manila gets its name and character from the durable abacá fibers once used for paper and folders, giving #E7C9A9 a sense of reliability and structure.
Psychologically, Manila offers a gentle warmth and organic simplicity, creating a feeling of calm and understated professionalism without demanding attention.
How can I use Manila in my UI design work?
In UI design, Manila (#E7C9A9) shines as a warm, neutral background that adds a touch of organic sophistication. For a striking effect, contrast it with deep navies or forest greens. Alternatively, pair it with creams, terracottas, and soft browns to build a grounded, earthy palette that feels both modern and approachable.
While not a dominant color in the branding world, you can see tones similar to Manila in the visual identity of brands like Thrive Market, which aims for an organic, wholesome feel. Its rarity presents an opportunity for a product to establish a unique and inviting presence.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Manila in real UI components of top brands.
How do I use the Manila color codes?
When working with the color Manila, the hex code #E7C9A9 is your primary reference for digital projects. To maintain color consistency across different media, you will often need to convert this value into other color models.
Each color code serves a specific purpose. For instance, RGB values are essential for screen-based designs as they define colors through light, while CMYK is the standard for printed materials, defining colors through ink. Other models like HSL offer a more intuitive way to adjust hue, saturation, and lightness, ensuring your design's colors appear as intended, whether on a screen or in print.
To help you get started, we've converted Manila’s hex code #E7C9A9 into a variety of popular formats. You can find and copy these values directly below.
Analogous
By pairing Manila with its neighbors on the color wheel, you get an analogous scheme. This combination produces a calm and cohesive visual experience.
Complementary
To find Manila's complementary colors, look directly across the color wheel. This pairing produces a striking, high-contrast effect in any interface.
Split Complementary
For Manila, a split complementary scheme pairs it with the two colors next to its opposite, creating high-contrast palettes with more nuance.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Manila as a base, this creates a vibrant, high-contrast palette.
Tetradic
A tetradic palette for Manila is built from two sets of complementary colors, offering a bold and versatile four-color combination.
Square
A square color scheme pairs Manila with three other colors, all evenly spaced on the color wheel, creating a vibrant and high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Manila creates darker shades, introducing a sense of depth and substance.
Tints
Tints of Manila are created by adding white, resulting in lighter, softer variations.
Tones
Tones are created by adding gray to Manila, resulting in softer, less saturated variations.
Hues
Hues are variations of Manila, differing in intensity or temperature to create distinct moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
